vue-cli data数据渲染

Question

export default {     name: 'HelloWorld',    data () {        return {}     } }     text();function text(){     //这里怎么插入改变data中的msg值}

Answer 1

据我的了解， 是不可以的。

因为你export default 只是一个class，并不是实例化的VM。
除非你这个是一个实例化的vm你就可以。 由于你这个组件不是顶层元素，所以建议的做法是放到vuex中管理。

如果你确定要用这种方式，我的建议是这样：

// sub-app.jsexport default new Vue({    el: '#sub-app' 
    name: 'HelloWorld',
    data () {        return {}
    }
})    

// 别的地方引用import SubApp from '../subApp.vue'text();function text(){
    SubApp.$data.msg = 'new msg'}