weixin_46511008的博客

v-if和v-for的优先级一、作用1、v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true值的时候被渲染2、v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组或者对象，而 item 则是被迭代的数组元素的别名3、在 v-for 的时候，建议设置key值，并且保证每个key值是独一无二的，这便于diff算法进行优化4、两者在用法上 <Modal v-if="isSho

双向数据绑定是什么一、什么是双向绑定1、我们先从单向绑定切入，单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了，在单向绑定的基础上，用户更新了View，Model的数据也自动被更新了，这种情况就是双向绑定举个例子2、当用户填写表单时，View的状态就被更新了，如果此时可以自动更新Model的状态，那就相当于我们把Model和View做了双向绑定关系图如下：二、双向绑定的原理是什么1、我们都知道 V

一、计算属性-computed1、定义： 要用的属性不存在，要通过已有属性计算得来。computed:{ }, 在 computed 对象中定义计算属性。2、调用：在页面中使用 {{ 方法名 }} 来显示计算的结果。3、原理：底层借助了 Objcet.defineproperty 方法提供的 getter 和 setter。4、get 函数什么时候执行？（1）初次读取时会执行一次。（2）当依赖的数据发生改变时会被再次调用。5、优势：与 methods 实现相比，内部有缓存机制（复用），

说明：参考Vue.js官网一、事件的基本使用：1、用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名；2、事件的回调需要配置在methods对象中，最终会在vm上；3、methods中配置的函数，不要用箭头函数！否则this就不是vm了；4、methods中配置的函数，都是被Vue所管理的函数，this的指向是vm 或 组件实例对象(vc)；5、@click=“test” 和 @click=“test($event)” 效果一致，但后者可以传参；二、Vue中的事件修饰符：1、

1、何为数据代理数据代理：通过一个对象代理对另一个对象中属性的操作（读/写）。2、JS中实现简单的数据代理（1）JS有一个内置对象Object数据代理的方法为：Object.defineProperty(obj, prop, descriptor)，通过这个方法即可实现数据代理。（2）参数解析：1）obj----------------------------------->要定义属性的对象2）prop--------------------------------->要定义

1、模板语法（1）官网解释：（1）Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。（2）在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。（2）总结：Vue模板语法有2大类1.插值语法：1）功能：用于解析标签体内容。2）