Vue

Object.defineproperty方法 数据代理：通过一个对象代理对另一个对象中属性的操作（读/写） Vue将data中的数据拷贝了一份到_data属性中，又将_data里面的属性提到Vue实

MVVM 模型 MVVM模型 ●M：模型 Model，data中的数据 ●V：视图 View，模板代码 ●VM：视图模型 ViewModel，Vue实例 观察发现 ●data中所有的属性，最后都出现在

模板语法 Vue模板语法包括两大类 插值语法 功能：用于解析标签体内容 写法：{{xxx}},xxx 是 js 表达式，可以直接读取到 data 中的所有区域 指令语法 功能：用于解析标签(包括：标签

1.1. Vue 简介 1.1.1. 官网 英文官网 中文官网 1.1.2. 介绍与描述 Vue是一套用来动态构建用户界面的渐进式JavaScript框架 构建用户界面：把数据通过某种办法变成用户界面

初始化脚手架 说明 1Vue脚手架是Vue官方提供的标准化开发工具（开发平台） 2最新的版本是 4.x 3文 Vue CLI 具体步骤 1如果下载缓慢请配置npm淘宝镜像 2全局安装 @vue/cli

模块与组件、模块化与组件化 模块 组件 模块化 组件化 组件形式 非单文件组件：一个文件中包含有 n 个组件 单文件组件：一个文件中只包含有 1 个组件 单文件组件 基本使用 1.定义组件 使用Vue

引出生命周期 生命周期 b是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数 c生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的 d生命周期函数中的 this 指向是vm或组件实

v-text 指令 v-text指令: 作用：向其所在的节点中渲染文本内容 与插值语法的区别：v-text会替换掉节点中的内容，{{xxx}}则不会，更灵活 v-html指令 v-cloak v-cl

收集表单数据 v-model的三个修饰符123122222222222222222222222222222222222222

列表渲染 基本列表 v-for指:用于展示列表数据 语法 这里key可以是index，更好的是遍历对象的唯一标识 特点: 可遍历：数组、对象、字符串（用的少）、指定次数（用的少） key 的作用与原理

一、案例 二、侦听属性基本用法 watch监视属性 代码 深度监视 2在watch中配置deep:true可以监测对象内部值的改变（多层） 注意 1Vue自身可以监测对象内部值的改变，但Vue提供的w

计算属性 一、差值语法实现 二、method实现 三、compulted实现 1.定义：要用的属性不存在，需要通过已有属性计算得来(vm中的属性,不能是变量),vm对象中的不存在当前属性。 2.原理：

键盘事件 1、Vue中常用的按键别名 2.Vue未提供别名的按键，可以使用按键原始的key值去绑定，但注意要转为kebab-case（多单词小写短横线写法） 3.系统修饰键（用法特殊）ctrl alt