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 }