vue快速入门速查手册

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/loophome/article/details/89000893

vue快速入门速查手册

快速上手，各种语法糖查询

内容	使用简单说明
声明式渲染	内容渲染： {{message}} 组件属性渲染： v-bind:attr="message"    或者简写成  :attr="message"
判断v-if	<p v-if="seen">现在你看到我了</p>
循环v-for	<li v-for="todo in todos"> {{ todo.text }} </li>
事件	v-on:[event]="[methods]" v-on:click="reverseMessage"

构建自己的组件 - 一个Vue实例

实例选项	说明
data	实例内的数据，vue2中，数据必须是一个方法 data () {     return {       msg: 'Welcome to Your Vue.js App',       list: ["语法糖介绍", "构建自定义组件", "敬请期待..."]     }  }
methods	实例内的方法