- 引入方式
- 声明式渲染{{message}}
- 循环指令 v-for
- 条件指令 v-if、v-else-if、v-else
- 事件绑定指令 v-on
- 属性绑定指令 v-bind
- 双向数据绑定 v-model
引入方式:
方法一:创建一个基于webpack模板的项目
vue init webpack my-project
方法二:直接通过<script>引入vue.js文件
双大括号进行数据绑定:
<p>{{message}}</p> (纯文本解析)
<p v-once>{{message}}</p> (只执行一次改变)
<p v-html="rawHtml"></p> (输出HTML)
属性绑定指令v-bind: