vuex直接赋值的三种方法总结

前端之家收集整理的这篇文章主要介绍了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}}

猜你在找的Vue相关文章