new Vue({
el:"#id", //绑定元素
data:{ // 数据
},
methods:{ //方法集
}
});
1、针对标签内容 直接 {{ lab }} ,如果需要调用方法 {{ function() }}
2、针对属性可以用，属性绑定： v-bind:href="website" 注意此处没有 {{ }}双括号
3、针对标签， v-html="websiteTag" 此处也没有双 {{ }｝注意此处没有 {{ }}双括号
4、针对事件，v-on:click="age++" 针对简单的已存在的数值属性，可以直接使用表达式，age++, age-- ; 但是复杂的方法就需要重新定义了 并使用 v-on:click="function"。 这里的function可以带括号也可以不带括号，但是如果有参数就必须要带括号和参数了。v-on: 可以变成 @
5、事件修饰符 stop(阻止事件冒泡) once(一次) prevent(阻止默认事件) 等等不一一列举。键值修饰符：例如 tab enter 等等不一一列举 特殊情况：双按键 例如 alt+enter v-on:click.alt.enter 单按alt不管用，单用enter也不行，一起按才执行。
6、双向数据绑定（输入输出绑定）：一定是跟input、 select、 textarea等等有关,换句话说一定是跟输入有关。 这里介绍一个新的语法 ref="attribute" ，我们在input里使用<input ref="name" /> this.$refs.name.value ，另一种方式 v-model="name"