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

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中什么样的数据可以是在视图中显示相关推荐

python从文件中读取数据_Python3 中把txt数据文件读入到矩阵中的方法
下面为大家分享一篇Python3 中把txt数据文件读入到矩阵中的方法,具有很好的参考价值,希望对大家有所帮助.一起过来看看吧 1.实例程序: ''' 数据文件:2.txt内容:(以空格分开每个数据) ...
SwiftUI之深入解析如何处理特定的数据和如何在视图中适配数据模型对象
一.前言阅读了我的前两篇博客的朋友,应该都熟练掌握了 SwiftUI 如何创建一个任何相关信息的展示视图和各个视图之间的相互组合,以及动态生成一个展示相关信息的可滚动列表,用户可以点击列表项去查看其 ...
python提取txt数据到excel_python 读取txt中每行数据,并且保存到excel中的实例
使用xlwt读取txt文件内容,并且写入到excel中,代码如下,已经加了注释. 代码简单,具体代码如下: # coding=utf-8 ''' main function:主要实现把txt中的每行数 ...
python逐行读取txt写入excel_python 读取txt中每行数据,并且保存到excel中的实例
使用xlwt读取txt文件内容,并且写入到excel中,代码如下,已经加了注释. 代码简单,具体代码如下: # coding=utf-8 ''' main function:主要实现把txt中的每行数 ...
mysql查询集合中的特定数据_快速查询List中指定的数据
时间:2017/5/15 作者:李国君题目:快速查询List中指定的数据背景:当List中保存了大量的数据时,用传统的方法去遍历指定的数据肯定会效率低下,有一个方法就是类似于数据库查询那样,根据索 ...
中通大数据平台在大促中的进化
一年一度的双十一又双叒叕来了,给技术人最好的礼物就是大促技术指南! 而经过这些年的发展,大促早已不仅仅局限于电商行业,现在各行各业其实都会采用类似方式做运营活动,汽车界有 818,电商有 618 .1 ...
java 将数据加载到内存中_java 将数据加载到内存中的操作
将数据加载到内存中 1.建立InitListener.java package app.util; import java.util.HashMap; import java.util.Map; im ...
python 获取表格中的空数据_在python beautifulsoup中获取表格单元格值为空时的文本输出...
我正在编写一个beauthulsoup/python代码来从html表中获取数据.该表的问题是某些列可能有空白数据(单元格为空).当我运行这段代码时,当它第一次遇到表中的空白单元格时,它会以一个&qu ...
Mysql查询表中每行数据大小_计算数据库中各个表的数据量和每行记录所占用空间的脚本-转载来自(博客园桦仔)...
本文出处: 感谢桦仔的分享精神! 很多时候我们都需要计算数据库中各个表的数据量和每行记录所占用空间这里共享一个脚本 CREATE TABLE #tablespaceinfo ( nameinfo ...

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

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

最新文章

热门文章