1.数据
Vue实例-data属性，在里面可以配置任意的数据名字。
示例：data配置任意数据名字
注意插值表达值的用法：两个花括号开始，两个花括号结束，意思是把number的值插入到h1之中
除了这种写法，还有其他几种写法
1) 模板指令：v-text指令
它的意思是h1的内容，由number这个变量决定；
v-text是vue之中的一个指令，指令跟的东西是一个变量，它告诉h1, 你要显示的内容是number这个变量。
2）模板指令：v-html指令
范例：div这模板里面显示内容是content,h1是被转义过后的一个内容
范例：div这模板里面显示内容是content,输出的内容是没有被转义的h1标签
所以v-text和v-html区别在于：v-HTML不会转义，v-text会转义一次。
2.事件
如何给模板上的某个标签绑定一个事件？
范例：页面上的内容被点击之后由 hello变成world
解释说明： 1.<div v-on:click="handleClick" >{{content}}</div>v-on（新的模板指令）
v-on指的是向div标签上绑定事件，绑定什么事件？冒号后面加click,指的是绑定一个点击事件，当click事件被执行的时候，后面跟一个函数。也就是说这个div标签被点击的时候，会执行handclick这个函数（当你点击div元素，handclick这个方法就会被执行）
2.methods: { handleClick: function(){ alert(123) }
如果你希望在Vue里，给一个标签绑定一个事件，然后事件触发的时候，执行一个函数（定义在实例里面，methods属性下面）
展示效果忽略
当然我们不希望输出123，希望把页面里面的hello变成world
思路的切换，在vue里面如果想改变数据的显示，不要去改变dom,直接改变数据就好了，当数据发生改变，Vue会自动帮你更新。
我们现在的编程不是面向dom的编程，而是面向数据的编程（当我的数据发生改变，页面就会自动发生变化）
总结
1.Vue之中如何给一个元素绑定事件（v-on 这个模板指令，它可以给元素绑定事件）
2.事件触发之后，执行的方法写在Vue实例里面methods方法里面，这样事件触发方法就会被执行
3.方法触发了之后，我想让页面发生变化，并不需要直接操作dom,通过this.content改变实例里面数据就可以。Vue实例会监听到你数据的改变，自动地帮你把模板进行更新，页面也就自动跟着变化。
4.插值表达式：{{content}}输出，还可以换个写法
<div v-text="content"></div>或<div v-html="content"></div>进行输出
5.基本把实例里面数据展示、事件绑定和方法定义
6.事件绑定的简写@click=v-on:
<div @click="handleClick" >{{content}}</div>=<div v-on:click="handleClick" >{{content}}</div>
