vue:
1.js代码分类
2.渐进式 解耦
3.双向绑定的框架

v-model 双向数据绑定、 v-if/v-else-if/v-else 多分支条件渲染、 @click 绑定点击事件。
在这里插入图片描述
v-for 列表循环语法,格式 v-for=“(项,下标) in 数组” ,搭配 :key 绑定唯一标识
在这里插入图片描述
Vue实例创建语法 new Vue({}) ,
el指定挂载容器,
data定义响应式数据;
生命周期钩子函数:
beforeCreated、created、beforeMount、mounted ,
通过 this 调用自定义方法。
在这里插入图片描述
beforeUpdate、updated、beforeDestroy、destroyed ,数据更新、实例销毁阶段钩子。

在这里插入图片描述Vue实例methods方法语法,函数内可通过 this 互相调用方法;数组基础操作语法:push尾部新增、unshift头部新增、splice删除、sort排序、reverse反转
在这里插入图片描述
filter过滤生成新数组;
数组删除语法shift删除首项、pop删除尾项。
在这里插入图片描述

更多推荐