一小时学会vue-cli

npm install vue-cli --g #安装

vue init webpack test (* test项目名字，ESint 建议关闭) #初始化项目

进入test文件夹里先执行npm install 安装一下依赖

npm run build #打包项目,把文件都压缩成一个文件

npm start #开启项目

 

vuex

用法main.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    setData (state,callback) {
    	callback(state);
    }
  }
})

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,   /*把 store 对象提供给 “store” 选项，这可以把 store 的实例注入所有的子组件*/
  components: { App },
  template: '<App/>'
})

组件.vue

import { mapState } from 'vuex'	

export default {
  name: 'User',
  data () {
    //执行改vuex里面的状态
     this.$store.commit('setData',function (store){
  			store.count++
  		})
    return {
    }
  },
  computed: mapState([
	  'count'
	])
}

<template>
  <div class="User">
   	我是父:{{count}}
  </div>
</template>

具体vuex用法