对于VueJS的单个文件组件中的数据是如何工作的,我真的很困惑。在文件中,比如test.vue,我理解,您应该编写一个脚本,如下所示:
export default {
name: 'Testapp',
data () {
return {
msg: 'sample message'
}
}
}
然后在其他地方,比如在一个名为vuescript.js的文件中,我会将类似于以下内容的内容放在其中,然后从html文件中调用它:
从' Vue‘导入VApp,从'./test.vue’导入vue
var vueApp = new Vue({
el: '#app',
render: h => h(VApp)
})
现在如何访问模板对象的数据?我想要的是其他地方的代码,这些代码可以从服务器获取数据,并且可以跨多个组件共享,所以我有一部分数据是在单个存储库中共同使用和更新的,但我也可以让未共享的数据驻留在组件中,用于设置和其他元数据。
BLUF:在浏览了一下Vue单个文件组件中数据的访问/处理方式之后,我有点卡住了。
发布于 2018-02-23 00:19:44
发布于 2018-10-16 09:01:41
如果希望多个组件共享数据属性,则可以使用mixins。
Mixins是一种为Vue组件分发可重用功能的灵活方法。混合对象可以包含任何组件选项。当组件使用混音时,混音中的所有选项都将“混合”到组件自己的选项中。
https://stackoverflow.com/questions/48935322
复制相似问题