前端之家收集整理的这篇文章主要介绍了
vuex直接赋值的三种方法总结,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们在编写vuex代码过程中,觉得在a.vue的模板里面写入例如
{{$store.state.num}}
很麻烦,我们希望直接就写成{{num}},我们应该怎么写,vue给出三种固定写法,大家理解之后基本照抄,稍做改动即可
第一种方法 通过computed的计算属性直接赋值
1.store.js(vuex的代码如下):
}
export default new Vuex.Store({
state,mutations,})
@H_
404_13@
2.你自己组件a.vue代码如下:
{{msg}}
{{$store.state.num}}-{{num}}