logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年
订阅后全站课程均可学习
Vue.js前端应用开发实践

Vue.js前端应用开发实践

data：Vue 组件里的数据

VuVue.js前端应用开发实践
  • 在vivo组件中，使用的数据可以存放在data对象中。
  • 创建组件时，添加script标签并默认导出一个对象，或使用Vue的define component方法。
  • 在导出的对象中，添加data方法并返回一个对象，该对象含有组件可用的数据。
  • 例如添加一个属性name，并设一个初始值。
  • 要在组件模板中展示data中的数据，使用双大括号将数据名括起来。
  • 浏览器中查看时，页面将显示来自组件data中name属性的值。