vue当中的指令和它的用法?
v-html:可以解析标签型数据( 可以将一个数据展示在一个dom的内容中( 相当于使用了 innerHTML )
v-text:可以将一个数据展示在一个dom的内容中( 相当于使用了 innerText)
条件渲染的指令
v-show
可以控制一个dom的显示隐藏( 这个指令操作的是dom的display属性 )
v-if
可以控制一个dom的存在与否( 创建 和 销毁 )
v-if vs v-show 区别
v-if 操作的是dom元素( 组件 ) 的创建或是销毁
v-show 操作的是dom元素的display属性
v-if可以有多种使用形式: 单路分支, 多路分支, 双路分支
v-show 只能写一个单路形式
一般来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。
因此,如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。
v-if
v-else
可做双路分支的一个判断
v-if
v-else
v-else-if
可做多路分支的一个判断
v-bind单项数据绑定: 将一个数据绑定在一个dom的属性上
样式的绑定:
v-bind: style = “”
事件 v-on使用
v-model双向数据绑定