Vue2.0模板语法-插值

1、新建html文件，直接引用

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

2、数据绑定用的方式是使用 {{...}}（双大括号）的文本插值：

<div id="app">{{msg}}</div>：双大括号会将数据解释为普通文本；

3、你需要使用 v-html 指令：渲染输出html标签：<p v-html>{{rawHtml}}

4、v-bind 指令为html标签绑定属性，<img v-bind:src="imageSrc">，imageSrc的值放在vue实例应用中；

5、在插值中使用 JavaScript 表达式{{ number + 1 }}

6、在插值中使用 JavaScript 表达式——三元运算：{{ ok ? 'YES' : 'NO' }}

7、在模板语法中使用复杂的函数运算{{ message.split('').reverse().join('') }}