VUE的data数据对象

data:数据对象：

◆Vue中用到的数据定义在data中
◆data中可以写复杂类型的数据
◆渲染复杂类型数据时,遵守js的语法即可

结果：

代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>data:数据对象</title>
</head><body><div id="app">{{msg}}<h2>{{msg}}</h2>{{school.name}}{{school.mobile}}<!-- 数组输出方式比较特殊 --><ul>一共：<li>{{campus}}</li></ul><ul>分散：<li>{{campus[0]}}</li><li>{{campus[1]}}</li><li>{{campus[2]}}</li></ul></div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><div id="app"></div><script>var app = new Vue({el:"#app",data:{msg:"你好呀！VUE！",school:{name: "胖纸",mobile:"400-618-9090"},campus:["北京校区","上海校区","广州校区"]}})</script></body>
</html>

VUE的data数据对象相关推荐

vue重置data数据神器之Object.assign()
项目场景: 很多时候我们要重置vue data里边的数据例如:用户退出登录,from表单重置数据等等想法 Object.assign() Object.assign(target,...sourc ...
vue渲染时数据对象里面的子对象的属性报错undefined，但页面正常渲染
vue渲染时数据对象里面的子对象的属性报错undefined,但页面正常渲染. 报如图所示错误页面中报错的位置原因是在data中申明了空对象,页面在渲染的时候,数据还没获取到的时候,首先渲染的是初 ...
vue中data数据之间如何赋值
vue中data数据之间如何赋值前言实现方式前言最近我妹突然问我vue的data之间需要进行赋值,这是什么奇葩需求,干嘛不直接自己定义好就好了啊,既然有这种场景,那么我们就需要去解决这种场景. ...
vue中data数据之间的调用
场景:多个options的选项一致,想抽取出一个公用的,其他的直接用这个就可以 topicList: [{name: '1.您认为正确吗?',isSingle: true,options: this. ...
vue——devtools安装（实时监测vue的data数据变动）
vue-devtools链接本地安装方法: 打开谷歌浏览器设置 -> 扩展程序 -> 勾选开发者模式 -> 加载已解压的扩展程序 -> 选择"chrome扩展&qu ...
vue data数据修改_史上最强vue总结，万字长文
vue框架篇 vue的优点轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb: 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习: 双向数据绑定:保留了angular ...
【Vue】Vue中的data数据包含html标签元素的解决方法
通过:v-html,html代码: <div v-html="cont"></div> vue中data数据: cont: "<a href ...
Vue中data和computed的区别
First data 和 computed都是响应式的,先看看官方的说法: Data: Vue 实例的数据对象.Vue 将会递归将 data 的属性转换为 getter/setter,从而让 data ...
antd vue 树更新数据后不展开_很全面的vue面试题总结
VUE面试题 v-show 与 v-if 区别动态绑定class的方法计算属性和 watch 的区别怎样理解单向数据流 keep-alive 自定义组件的语法糖 v-model 是怎样实现的生 ...

VUE的data数据对象

data:数据对象：

VUE的data数据对象相关推荐

最新文章

热门文章