插值表达式{{}}

插值表达式是一种Vue的模板语法
1、作用：利用表达式进行插值，渲染到页面中。表达式是可以被求值的代码，JS引擎会将其计算出一个结果。
2、例子：

<h1>{{title}}</h1>
<p>{{name.toUpperCase()}}</p>
<p>{{age >= 20?'大于20' : '小于20'}}</p>
<p>{{student.name}}</p>

3、不能在标签属性中使用{{}}，比如：

<h1 title="{{title}}">测试</p>

谷歌浏览器安装vue.js devtools
https://chrome.zzzmh.cn/index
极简插件: 下载 ->开发者模式 -> 拖拽安装 -> 插件详情允许访问文件
这样就可以在浏览器中看到Vue选项卡。
Vue指令
https://v2.cn.vuejs.org/v2/api/#%E6%8C%87%E4%BB%A4
带有v-前缀的特殊标签属性
v-show:切换css的display来控制显示和隐藏，频繁切换时用，比如点击一级菜单出现二级菜单
v-if:根据判断条件控制元素的创建和移除，不频繁切换时用，比如登录和不登录下