1.用 webpack 安装 vuex
2.index.html:
<body> <div id="#app"> </div>
3.main..js:
import vue，vuex
注册 vuex
//创建 vuex.Store()实例，得到数据 仓储 对象
var store = new vuex.Store({
state:{},
//可看作data this.$store.state.***
mutation:{}
//存放 操作数据的 方法
// 外部使用 用 this.$store.commit('方法名')
//mutation里的方法参数只能有，state 和 通过 commit 提交过来的参数
getters:{}
//只提供数据，不操作 数据
//
//getters 也和 computed 比较像， 只要 state 中的数据发生变化了，那么，如果 getters 正好也引用了这个数据，那么 就会立即触发 getters 的重新求值
})
///$store.getters.Opt
import App from './App.vue'
const vm = new Vue({
el: '#app',
render: c => c(App),
store // 将 vuex 创建的 store 挂载到 VM 实例上， 只要挂载到了 vm 上，任何组件都能使用 store 来存取数据
})
4.router.js:
没用上
5.App.vue
引用 组件 三步
<template> <组件名>
<script> import 组件名 from ‘XXX’
export default { components：{} }
312
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
