vue的特点 组件化开发 内置指令

vue的特点 组件化开发 内置指令

指令：是vue提供给我们的一些特质的属性 这些属性以v-开头 来帮助我们操作数据

这些指令都需要绑定在html标签上才能使用

<标签 指令=“变量”></标签>

1、数据的展示 a.差值表达式 {{变量}} b.指令 v-text c.指令 v-html

v-text和v-html的区别：

## 	 v-text原样输出  v-html可以解析html

2、vue提供给我们的常用的内置指令

v-text 给元素绑定变量 v-html 给元素绑定变量 可以解析html v-bind:属性=“变量” 给标签绑定动态的属性

简写 ：属性=“变量” v-for 循环遍历数组或者对象 <标签 v-for="(item,key) in 变量"></标签>

v-on:事件名=“方法” 简写 @事件名=“方法” v-show 控制元素或者组件的显示和隐藏 v-if
控制元素或者组件的显示和删除

v-show和v-if的区别：

当条件为真的情况下，都是显示元素，当条件为假的时候v-show是给元素添加display:none,v-if是直接删除元素
v-show有更高的渲染成本 v-if有更高的切换成本 所以频繁的切换需要v-show

v-model绑定表单元素实现数据的双向绑定
v-clock 解决差值表达式的闪烁问题

给标签添加属性 然后添加样式

[v-clock]{ display:none }