全国咨询热线:18720358503

小程序发布一个月_详解vuex数据传输的两种方式及

类别:媒体报道 发布时间:2021-01-07 浏览人次:

详解vuex数据传输的两种方式及this.$store undefined的解决办法       这篇文章主要介绍了vuex数据传输的两种方式 及 this.$store undefined的解决办法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

这个问题很乌龙,但也很值得记录一下, 原因是main.js中import store时将store的首字母写成了大写.

问题版本的如下所示:

import Store from './store'

我大概看了一下, vue似乎不支持在import部分包含带首字母大写的变量,所有import进来的对象必须要小写,我试过把router改成Router, 发现路由部分也会受影响.

这种方式是典型的将vuex值及其中的方法暴露给所有的组件使用, 即将vuex视作一个"全局变量", 但vuex也可以仅提供给部分组件,即谁想用,在谁的script中import这个vuex对象.

第一种方式 - 将vuex提供给所有组件(即在main.js中注册)

//main.js
import Vue from 'vue'
import App from './App'
import store from './store'
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.config.productionTip = false
Vue.use(ElementUI)
new Vue({
 router,
 store,
 render: h = h(App)
}).$mount('#app')

//store/index.js - 这个文件和上面的一样 //想要使用vuex数据的组件. 注意,此时$store是无效的,所以只能通过store.state.n来获取 template div {{ n }} /div /template script import store from './store' export default { computed: { n () { return store.state.n

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


推荐阅读

小程序发布一个月_详解vuex数据传输的两种方式及

详细说明vuex数据信息传送的二种方法及this.$store undefined的处理方法 本文关键详细介绍了vuex数据信息传送的二种方法 及 this.$store undefined的处理方法,原文中根据实例编码详细介绍...

2021-01-07
老网站突然不收录有哪些可能的原因?

1、网站优化老的网站,将会全部设计方案设计风格还滞留在数十年以前,无论是设计风格還是作用也不可以考虑时下的要求了,因此许多泰州公司网站都是对网站开展重做,可是在重做...

2021-01-07
搜索引擎更新时对网站制作有什么影响

检索技术性现如今产生迅速升级,检索模块优化算法开展了几十次升级,每每检索模块作出新的升级时,网站建设就非常容易深陷战略性的转变中。因为互连网越来越越大的机器设备和...

2021-01-07
百度文库推荐的人见人爱“好员工”

日常生活中经常听见大家埋怨薪水少,可是埋怨归埋怨,你是不是观念到本身的一些难题呢?高薪职位的标准你又考虑几个? 忠心者不被辞退 企业将会辞退有工作能力的职工,但对一...

2021-01-07
广州凡科互联网科技股份有限公司招聘H5开发工程

招聘人数:8职位信息1、负责公司微信公众号,小程序,管理后台PC端的前端开发;2、产品易用性改进和界面技术优化;3、前沿技术研究和新技术调研、应用。任职要求:1、工作年限2~...

2021-01-07
广州凡科互联网科技股份有限公司招聘淘宝/天猫

招聘人数:20职位信息工作职责:1、负责公司天猫店铺的全盘运营,提升业务,协同团队人员分工协作。2、向总监汇报,负责的店铺运营策略以及具体落地执行后的成果。3、负责制定可...

2021-01-07
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信