༄༊星河༣

computed和watch之间的区别computed和watch之间的区别 computed和watch之间的区别 computed和watch之间的区别：        1.computed能完成的功能，watch都可以完成。        2.watch能完成的功能，computed不一定能完成，例如:watch可以进行异步操作。 两个重要的小原则：  

监视属性：监视属性深度监视 监视属性 监视属性：          1.当被监视的属性变化时，回调函数自动调用，进行相关操作          2.监视的属性必须存在，才能进行监视!!          3.监视的两种写法:  &n

计算属性计算属性 计算属性         1.定义：要用的属性不存在，要通过已有的属性计算得来         2.原理：底层借助了Object.defineProperty方法提供的getter和setter         3.get函数什么时候执行？  

事件处理事件的基本使用Vue中的事件修饰符键盘事件 事件的基本使用 事件的基本使用：         1. 使用v-on:xxx或@xxx绑定事件，其中xxx是事件名;         2. 事件的回调需要配置在methods对象中，最终会在vm上;         3. methods中配置的函数，不要用箭头函数！否则this就不是vm了;      

数据代理1.回顾Obejct.defineproperty方法2.数据代理3.Vue中的数据代理 1.回顾Obejct.defineproperty方法 Obejct.defineproperty()有四个基本的属性配置； <script> let person = { name:'张三', sex:'男' } Object.defineProperty(person,'age',{

MVVM模型MVVM模型 MVVM模型 M:模型(Model)：对应data中的数据 V:视图：模板 VM:视图模型:(ViewModel):Vue实例对象 观察发现： 1.data中所有的属性，最后都出现在了vm上。 2.vm身上的属性及Vue原型上所有属性，在Vue模板中都可以直接使用。 ...

el和data的两种写法el的两种写法data的两种写法 el的两种写法 1.第一种写法 const v = new Vue({ el: '#root',//第一种写法 data:{ name:'小易' } }) console.log(v); 2.第二种写法 setTimeout(() => { v.$mount('#root')//第二种写法 }, 1000); data的两种写法

数据绑定单向绑定和双向绑定 单向绑定和双向绑定 Vue中有两种绑定的方式：        1.单向绑定（v-bind）：数据只能从data流向页面        2.双向绑定（v-model）：数据不仅能从data流向页面，还能从页面流向data 备注:        1.双向绑定一般应用在表单类元素

Vue模板语法Vue模板语法 Vue模板语法 Vue模板语法有2大类： 1.插值语法： 功能：用于解析标签体内容。 写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。 2.指令语法： 功能：用于解析标签（包括：标签属性，标签体内容，绑定事件…）。 举例：v-bind:href="xxx"或简写为：href=“xxx”,xxx同样要写js表达式，且可以直接读取到data中的所有属性。 备注：Vue中有很多的指令，且形式都是：v-???，此处只是拿v-bind举个例子。 <!