Vue笔记 内置指令 v-text v-html v-cloak v-once v-pre

v-bind：单向绑定解析表达式，可简写为：xxx

v-model:双向数据绑定

v-for：遍历数组/对象/字符串

v-on：绑定事件监听，可简写为@

v-if：条件渲染（动态控制节点是否存在）

v-else：条件渲染（动态控制节点是否存在）

v-show：条件渲染（动态控制节点是否展示）

1、v-text

向其所在的节点中渲染文本内容,

与插值语法的区别：v-text会替换掉节点中的内容，{ {xxx}}不会，还是插值语法用的多

<div>{
  {name}}</div>
<div v-text="name"></div>

2、v-html

<div>{
  {name}}</div>
<div v-html="str"></div>


new Vue({
   el:'#root',
   data:{
   name:'翘阳',
   str:'<h3>你好啊</h3>'
   }

})