时间:2021-05-25
这个问题很乌龙,但也很值得记录一下, 原因是main.js中import store时将store的首字母写成了大写.
问题版本的如下所示:
import Store from './store'我大概看了一下, vue似乎不支持在import部分包含带首字母大写的变量,所有import进来的对象必须要小写,我试过把router改成Router, 发现路由部分也会受影响.
这种方式是典型的将vuex值及其中的方法暴露给所有的组件使用, 即将vuex视作一个"全局变量", 但vuex也可以仅提供给部分组件,即谁想用,在谁的script中import这个vuex对象.
第一种方式 - 将vuex提供给所有组件(即在main.js中注册)
//main.jsimport 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 = falseVue.use(ElementUI)new Vue({ router, store, render: h => h(App)}).$mount('#app')//store/index.jsimport Vue from "vue";import Vuex from "vuex";Vue.use(Vuex); const store = new Vuex.Store({ state: { n:101 }})export default store//view部分,即真正的可视化的部分, 这个任何一个组件都可以<template> <div> {{ n }} </div></template><script>export default { computed: { n () { return this.$store.state.n } }}</script>第二种方式, 仅部分组件可使用vuex
//main.js - 去掉了store的声明import Vue from 'vue'import App from './App'import router from './router'import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.config.productionTip = falseVue.use(ElementUI)new Vue({ router, 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 } }}以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
数据传输的同步技术有异步传输、同步传输两种。同步协议又可分为面向字符的同步协议、面向比特的同步协议及面向字节计数的同步协议三种类型。 数据传输(datatra
数据传输系统分为基带信号传输和数字数据传输两种。数据传输(datatransmission),就是依照适当的规程,经过一条或多条链路,在数据源和数据宿之间传送数
数据传输速率是描述数据传输系统的重要技术指标之一。数据传输速率在数值上等于每秒钟传输构成数据代码的比特数。数据传输速率的单位是bps。数据传输(datatran
数据传输对象(DTOs)数据传输对象(DataTransferObjects)用于应用层和展现层的数据传输。展现层传入数据传输对象(DTO)调用一个应用服务方法
Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严