首页 / VUE / vue中什么样的数据可以是在视图中显示

vue中什么样的数据可以是在视图中显示

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue中什么样的数据可以是在视图中显示，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含934字，纯文字阅读大概需要2分钟。

内容图文

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中什么样的数据可以是在视图中显示全部内容，希望文章能够帮你解决vue中什么样的数据可以是在视图中显示所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1195849.html

来源：【匿名】