如何利用Vue.js库中的v-html指令添加html元素

1、新建html文档，然后在head标签中引入vue的js文件，这里以引入cdn文件为例：

2、在body标签中添加一个id为“app”的div标签，然后在这个div标签中再添加一个div标签，在vue中添加一个变量数据，然后用“{{}}”符号将变量引入到div标签中，并且在标签中添加“v-html="变量"v-html="变量"”属性：

3、用浏览器打开html文档，这时可以在页面中看到被v-html指令添加的html元素：

Html属于静态语言，静态语言中是不能定义变量的；

要定义变量可通过引入脚本定义，例如js，通过var定义变量；

javascrit中定义变量：

var v = "hello"

php中定义变量：

$a = "hello"

java中定义变量：

int a=1  //声明时赋值

html中使用<var>标签并非定义变量，仅仅只是辨识被其包含的内容为变量；

例如：

<var>$a</var>

浏览器仅输出 $a 且为斜体。

关于<var>标签的用法详解：

定义和用法

<var>标签表示变量的名称，或者由用户提供的值。

<var>标签是计算机文档中应用的另一个小窍门，这个标签经常与 <code> 和 <pre>标签一起使用，用来显示计算机编程代码范例及类似方面的特定元素。

用 <var>标签标记的文本通常显示为斜体。

就像其他与计算机编程和文档相关的标签一样，<var>标签不只是让用户更容易理解和浏览你的文档，而且将来某些自动系统还可以利用这些恰当的标签，从你的文档中提取信息以及文档中提到的有用参数。我们再一次强调，提供给浏览器的语义信息越多，浏览器就可以越好地把这些信息展示给用户。

v-html：不仅用于渲染数据，还能够输出真正的html，即能够解析html代码

v-text：用于渲染普通文本，绑定的数据对象发生变化时，插值处的内容也会发生改变，注意它不解析标签

---