vue内容渲染指令


内容渲染指令

内容渲染指令用来辅助开发者渲染DOM元素的文本内容。常用的有如下3个:

v-text:指令会覆盖元素内的默认值

html>
lang="en">

charset="UTF-8">
Title<span style="color: rgba(232, 191, 106, 1)">



id="app">

v-text="message">zhouqiang


v-text="message">






{{}} 专门用来解决v-text会覆盖默认文本内容的问题。称为差值表达式


"en">

    "UTF-8">
    Title


"app">

姓名:{{username}}

性别:{{gender}}

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


"en">

    "UTF-8">
    Title


"app">

"message">

vue