vue——内容渲染指令

内容渲染指令：

• v-text 只能渲染纯文本内容，指令会覆盖元素内默认值

• <p v-text="username">姓名：</p>
  //会把 姓名： 覆盖掉，只显示username

   

• {{}} 语法的专业名称是插值表达式 和v-text一样只能渲染纯文本内容，但是它可以解决 v-text 会覆盖默认文本内容的问题。在实际开发中用的最多，只是内容的占位符不会覆盖掉原有内容。

<p>姓名:{{username}}</p>
//不会将  姓名：覆盖掉

 

• v-html 把包含HTML标签的字符串渲染为页面的HTML元素