首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >VueJS单文件组件更新数据

VueJS单文件组件更新数据
EN

Stack Overflow用户
提问于 2018-02-22 19:03:43
回答 2查看 1.4K关注 0票数 0

对于VueJS的单个文件组件中的数据是如何工作的,我真的很困惑。在文件中,比如test.vue,我理解,您应该编写一个脚本,如下所示:

代码语言:javascript
运行
复制
export default {
  name: 'Testapp',
  data () {
    return {
      msg: 'sample message'
    }
  }
}

然后在其他地方,比如在一个名为vuescript.js的文件中,我会将类似于以下内容的内容放在其中,然后从html文件中调用它:

从' Vue‘导入VApp,从'./test.vue’导入vue

代码语言:javascript
运行
复制
var vueApp = new Vue({
  el: '#app',
  render: h => h(VApp)
})

现在如何访问模板对象的数据?我想要的是其他地方的代码,这些代码可以从服务器获取数据,并且可以跨多个组件共享,所以我有一部分数据是在单个存储库中共同使用和更新的,但我也可以让未共享的数据驻留在组件中,用于设置和其他元数据。

BLUF:在浏览了一下Vue单个文件组件中数据的访问/处理方式之后,我有点卡住了。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-02-23 00:19:44

组件内部的数据只能通过两种方式访问。无论是一个事件将数据向上传播到父节点,父事件都可以决定是否需要将其作为一个支柱传递给另一个组件。或者将其存储在Vuex中,并通过getter和突变进行访问。

链接

组件道具

事件

Vuex实例

票数 2
EN

Stack Overflow用户

发布于 2018-10-16 09:01:41

如果希望多个组件共享数据属性,则可以使用mixins。

Mixins是一种为Vue组件分发可重用功能的灵活方法。混合对象可以包含任何组件选项。当组件使用混音时,混音中的所有选项都将“混合”到组件自己的选项中。

https://v2.vuejs.org/v2/guide/mixins.html

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48935322

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档