在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue-cli data數(shù)據(jù)渲染

vue-cli data數(shù)據(jù)渲染

export default {
    name: 'HelloWorld',
    data () {
        return {}
    }
}    

text();

function text(){
    //這里怎么插入改變data中的msg值
}
回答
編輯回答
懷中人

clipboard.png

2017年1月28日 05:33
編輯回答
悶油瓶

據(jù)我的了解, 是不可以的。

因為你export default 只是一個class,并不是實例化的VM。
除非你這個是一個實例化的vm你就可以。 由于你這個組件不是頂層元素,所以建議的做法是放到vuex中管理。

如果你確定要用這種方式,我的建議是這樣:

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

// 別的地方引用
import SubApp from '../subApp.vue'
text();

function text(){
    SubApp.$data.msg = 'new msg'
}
2017年8月15日 17:56
編輯回答
魚梓

這個事件要么是 methods 里面定義的方法吧,在那里面也可以操作 this.a 直接訪問賦值

var vm = new Vue({
  data: { a: 1 },
  methods: {
    plus: function () {
      this.a++
    }
  }
})
vm.plus()

要么是官網(wǎng)這樣的:vm.$data

var vm = new Vue({
  data: data
})


vm.a // => 1
vm.$data === data
2018年1月7日 17:20
編輯回答
擱淺

這樣的需求是什么場景呢。
一般都是在模板中使用data中數(shù)據(jù)。

<template>
    <div>
    {{msg}}
    </div>
</template>
2018年2月8日 04:31