AI 中文社
Copyright © 2022-2024 aizws.net · 网站版本: v1.2.6·内部版本: v1.23.3·
页面加载耗时 0.00 毫秒·物理内存 60.2MB ·虚拟内存 1299.8MB
欢迎来到 AI 中文社区（简称 AI 中文社），这里是学习交流 AI 人工智能技术的中文社区。 为了更好的体验，本站推荐使用 Chrome 浏览器。
Vue data 数据对象
我们在创建 Vue 实例的时候，除了指定挂载点 el 外，还指定了一个属性 data，用来存储 Vue 实例中使用的数据。
1. data 属性的语法
data 属性两种写法：data作为对象 和 data作为函数。
1) data 作为对象的语法
data: {
message: '通过data对象获取 message 值'
}
2) data 作为函数的语法
data() {
return {
message: '通过data函数获取 message 值'
}
}
2. data 对象中的数据类型
data 属性中包含的数据，既可以使用基本类型（比如：字符串、数字），又可以使用复杂类型（比如：数组、对象）。
javascript 代码：
data: {
website: {
name: '编程教程',
url: 'www.aizws.net'
}
}
html 代码：
<div id="app">
<p>网站名称：{{ website.name }}</p>
<p>网站地址：{{ website.url }}</p>
</div>
3. Vue 视频教程
视频地址：https://www.bilibili.com/video/BV12J411m7MG?p=5&share_source=copy_web
下一章：Vue v-text 插值
结合响应系统，在应用状态改变时，Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。Vue.js 提供了一些常用的内置指令，这些指令都是以 “v-”作为前缀。其中，v-text指令和插值都可以用于显示文本内容。