Vue2中使用简单和复杂数据data
发布：智码IT网 阅读：
data中可以使用简单数据，如：message: "test"，使用{{ message }}读取简单数据
也可以使用复杂的对象数据，如：
Person: {
Name: "张三",
Age: 10,
},
使用{{Person.Name}}读取复杂数据
示例代码如下：
<div id="app">
{{ message }}
<br />
姓名：{{Person.Name}}
<br />
年龄：{{Person.Age}}
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.7.9/vue.common.dev.min.js"></script>
<script>
var app = new Vue({
el: "#app",
data: {
Person: {
Name: "张三",
Age: 10,
},
message: "test",
},
});
</script>
效果：
上一篇：没有了
下一篇：没有了