1. Vue中不可以添加不存在的屬性，因為不存在的屬性是沒有getter和setter的。

<div id="app">{{msg.a}}{{msg.b}}</div><script src="js/vue.js"></script><script>let vm = new Vue({el: "#app",data: {msg: {a: 1}}})vm.msg.b = 2; //這樣添加數據不會在視圖中顯示出來</script>

2. 關于如何添加一個動態屬性我們可以使用Vue提供的方法：實例.$set(對象, 屬性名, 屬性值)；

<div id="app">{{msg.a}}{{msg.b}}</div><script src="js/vue.js"></script><script>let vm= new Vue({el: "#app",data: {msg: {a: 1}}})vm.$set(msg, "b", 2) // 使用Vue提供的$set設置動態數據</script>

3. 當然我們可以直接給對象賦予一個新值，新增也會有getter和setter方法

<div id="app">{{msg.a}}{{msg.b}}</div><script src="js/vue.js"></script><script>let vm= new Vue({el: "#app",data: {msg: {a: 1}}})vm.data = {a: 1, b: 2} // 賦予新值也可以添加動態數據</script>

提示：我們想要使用某個數據，最好還是在 data對象中初始化方便以后使用哦！

?

轉載于:https://www.cnblogs.com/wuxianqiang/p/8386962.html

總結

以上是生活随笔為你收集整理的vue中什么样的数据可以是在视图中显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。