Vue.js开发基础

1.Vue的基本使用：

 

如图所示，第2个msg没有被vue管理。

通过浏览器控制台可以修改vue的数据，会发现一旦数据变化了，vue 管理的页面也发生变化。

 2.胡子语法（插值语法）的使用：

 

语句中可以写表达式，但是不能写语句，会导致报错 。

三元表达式为什么输出结果为未成年？

当>=18为true时 输出结果为成年

当>=18为false时 输出结果为未成年

3.v-text、v-html的使用：

【v-text与v-html】：

    v-text相当于原生的innerText 。

    v-html类似于原生的innerHTML 。

    语法：   <标签 v-text=“数据”></标签>  

                  <标签 v-html=“数据”></标签>

    特点：   会把数据内容放到双标签里展示，   但是v-text遇到标签不会解析（不会变通，别人怎        么样它就怎么样），只是当纯文本。 v-html遇到标签会解析，   他们都会覆盖标签内原有的内        容。