3.23

169 阅读1分钟

具名插槽:

image.png

作用域插槽:

image.png

image.png 具名插槽的作用域用法:

image.png

vuex

/* 把vuex当做插件 使用use方法引入vue中 */

image.png

vuex Vue.use(Vuex)

导出一个Vuex.Store的实例化对象

export default new Vuex.Store({ state是用来存储组件中的数据 state: { msg:"我是组件共享的数据", num:0 },

/* getters计算组件中的数据,可以对数据进行二次加工,类似于computed功能 */ getters: { },

/* 在mutations中修改state中的值(修改state中的值,要想留下记录必须使用mutations) / mutations: {/ 方法最好大写,为了和actions里面的方法区分 */ ADDNUM:function(state){ console.log(state); state.num++ }, DELNUM:function(state){ state.num-- } },

/* actions是用来调后台接口的并commit提交一个mutations / actions: {/ 方法最好大写,为了和mutations里面的方法区分 */ },

/* 可以使用modules把vuex分模块 */ modules: { }