指令v-text的作用是：设置标签的内容
默认写法会替换全部内容，使用插值表达式{{}}可以替换指定内容
部分替换使用两个大括号写法
v-html指令：作用是设置元素的innerHTML
内容中有html结果会被解析为标签；v-text无论内容是什么，只会解析为文本
解析文本用v-text，解析html结构用v-html
v-on指令： 事件绑定的方法写成函数调用的形式，可以传入自定义参数
定义方法时需要定义形参来接受传入的实参
时间的后面跟上【.修饰符】可以对事件进行限制
.enter可以限制触发的按键为回车
时间修饰符有多种
计数器的步骤：
1.在data中定义数据num；
2.methods中添加两种方法add和sub
3.使用v-text给num设置span标签
4.使用v-on将add，sub绑定给+、-按钮
5.add逻辑小于10继续累加，否则alert
6.sub逻辑大于0继续递减，否则alert
创建Vue示例时，el（挂载点），data（数据），methods（方法）
v-on指令的作用是绑定事件，简写为@
方法中通过this，关键字获取data中的数据
v-text设置文本值，简写{{}}
v-show指令的作用是：根据真假切换元素的显示状态
原理是修改元素的display，实现显示和隐藏
指令后面的内容，最终都会解析为布尔值
值为true元素显示，值为false元素隐藏
v-if指令的作用是：根据真假切换元素的显示状态
本质是通过 *** 纵dom元素来切换显示状态
表达式的值为true，元素存在于dom树中，为false，从dom树中移除
v-bind指令的作用是：为元素绑定属性
完整写法是v-bind：属性名
简写的话可以直接省略v-bind，只保留【：属性名】
需要动态的增删class建议使用对象的方式
v-for指令的作用是：根据数据生成列表结构
数组经常和v-for结合使用
语法是（item，index）in 数据
item和index可以结合其他指令一起使用
数组长度的更新会同步到页面上，是响应式的
v-model指令的作用是便捷的设置和获取表单元素的值
绑定的数据和表单元素值相关联
绑定的数据双向绑定表单元素的值
网络应用
vue从后台获取的数据有html标签通过v-html渲染到页面给html添加样式的方法如下：
准备材料：Vue.js、HBuilder、浏览器
1、创建静态页面vhtml.html，并引入vue.js文件。
2、在<body></body>元素内插入两个div，一个作为外层div，另外一个作为子div，并在父div绑定v-html指令。
3、绑定v-html指令数据，这里设置为字符串。
4、Vue.js库的v-html指令是插入html元素，修改datas为包含<p></p>标签。
5、预览该静态页面，这时会看到页面显示如下
6、将调试打开，这时发现<div></div>中有个<p></p>标签，完成添加。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）