前提：部分内容引用于https://cn.vuejs.org/v2/guide/#%E8%B5%B7%E6%AD%A5
实例1：
<div id="app"> {{ message }}</div>
var app =new Vue({
el:'#app',//绑定组件
data: {//数据
message:'Hello Vue!'
}
})
知识点：通过new Vue创建实例，el绑定组件，data进行数据动态赋值。（即响应式）
el就是值作用范围，只能指向一个对象(可以是id选择器或者class选择器)
指令带有前缀v-，以表示它们是 Vue 提供的特殊特性。
常用指令例子
v-on 指令添加一个事件监听器↓
v-on:click 点击事件绑定，可简写成@click 例：v-on:click(fun) 这样就绑定了'fun'的点击事件了。
v-model(双向绑定，即其中一方改变值，另一方也随之改变)
v-show 绑定的值为true则显示，为false则隐藏
v-hide 绑定的值为true则隐藏，为false则显示
v-if 绑定的值为true则显示，为false则隐藏
（v-if和v-show的用法区别：https://www.jianshu.com/p/4128c399d32c）
v-for //动态渲染格式为 (自定义数据名,下标) in 数据/集合 {{这些写的是自定义数据名}}
例：<li v-for="value in arr">{{value}}</li>
v-bind(绑定元素)其中一种写法
2018.12.4----------------------
