vuex–状态管理01

vuex介绍

  vuex是一个专门为vue.js设计的集中式状态管理架构。
  我把它理解为在data中的属性需要共享给其他vue组件使用的部分,就叫做状态。
  简单的说就是data中需要共用的属性
  

使用方法
1. 引入并导入
npm install vuex –save

import Vue from ‘vue’;
import Vuex from ‘vuex’;
Vue.use(Vuex);
2. 创建文件myvue.js用于处理公共状态 (更多…)


父子组件与非父子组件的通信

父子组件通信
1.父组件传递值到子组件 通过

      //<child :msg='parent-msg'></child>
      //使用 props接收
   

2. 子组件传递值到父组件

      //1. 将父组件的data变成object格式。子组件改变object属性的值即可
      //2. 使用$emit与$on处理
       /*
      //子组件
      <template>
         <div @click="up"></div>
      </template>
      */
      methods: {
          up() {
             this.$emit('upup','hehe'); //'hehe'为向父组件传递的数据
          }}

     //父组件
    /*
     <div>
         <child @upup="change" :msg="msg"></child> //监听 调用change方法
     </div>
    */
     methods: {
       change(msg) {
         this.msg = msg;
       }}
    

非父子组件的通信 (更多…)





express生成器及ejs模板的设置

第一步:通过应用生成器工具 express 可以快速创建一个应用的骨架。
1. 安装express生成器 npm install express-generator -g
第二步:使用express生成一个应用并指定模板引擎为ejs express myapp –view=ejs

第三步:修改app.js文件

         app.engine(".html",require("ejs").__express);
         app.set('views', path.join(__dirname, 'views'));
         app.set('view engine', 'html');
       

第四步: 修改webpack.json文件。将启动命令node改成supervisor


ˆ Back To Top