vue文件由三大部分构成
1.
<template> </template>
只能有一个孩子 div 不然会报错
孙子可以有多个
2.
<script> </script>
3.
<style> </style>
v-bind
事件绑定 ， 简写为 ：
v-if
看v-if的值 ：true为显示 false为不显示
如果为false ,v-else则显示 反之一样
v-show
v-show的值 : true为显示 false为不显示
1）v-text : 更新元素的 textContent
2）v-html : 更新元素的 innerHTML
3）v-if : 如果为 true, 当前标签才会输出到页面
4）v-else: 如果为 false, 当前标签才会输出到页面
5）v-show : 通过控制 display 样式来控制显示/隐藏
6）v-for : 遍历数组/对象
7）v-on : 绑定事件监听, 一般简写为@
8）v-bind : 强制绑定解析表达式, 可以省略 v-bind
9）v-model : 双向数据绑定
10）ref : 指定唯一标识, vue 对象通过$refs 属性访问这个元素对象
11）v-cloak : 防止闪现, 与 css 配合: [v-cloak] { display: none }
