（13）打鸡儿教你Vue.js

一小时复习
vue.js是一个JavaScriptmvvm库，是以数据驱动和组件化的思想构建的，相比angular.js，vue.js提供了更加简洁，更加容易理解的api,如果习惯了jquery操作dom。

学习vue.js，抛开手动操作dom的思维，因为vue.js是数据驱动的，你无需手动操作dom。

MVVM模式（Model-View-ViewModel）

view model是一个vue.js实例。

{{message}}

实现了双向绑定
v-model指令在表单元素上创建双向数据绑定

{{message}}

常用指令
v-if指令-根据表达式的真假来删除和插入元素
v-show指令-始终会被渲染到HTML，它只是简单地为元素设置CSS的style属性

image.png

v-else指令
v-for指令

{{ item.id }}

v-bind指令

image.png

{{ n+1 }}

image.png

v-on指令
v-on指令用于给监听DOM事件

@click="deletePerson($index)"

@click="createPerson"


Sex:

Male
Female

image.png

image.png

image.png

---

请点赞！因为你的鼓励是我写作的最大动力！

官方微信公众号

吹逼交流群：711613774

吹逼交流群