kando

摘要： 计算属性依赖于一个固定的vue实例 ，要在某一个实例中使用 不接受额外参数，依赖于data属性中的变量 有缓存管理机制，可减少页面调用次数 计算属性虽默认为只读，但可以定义为对象，开启可读可写模式 计算属性被作为一个类属性调用 过滤器 不依赖于实例。可以 定义一个全局过滤器，在多个实例中使用 不要求 阅读全文

摘要： 监听watch是vue组件配置项的一种，用于监听数据的改变，里面可以有两个参数，参数1是更新前的值，参数2是更新后的值。 结合实例： 我们改变num，点击按钮就++，用watch作为组件的一个配置项去监听num的改变，里面两个数据分别是改变后的数据和改变前的数据，这里注意，我们在获取标签的时候，里面 阅读全文

摘要： 过滤器的主要作用就是对数据进行处理，返回处理过的数据 过滤器分为全局过滤器和局部过滤器 全局过滤器 Vue.filter（），里面有两个参数，参数1是过滤器名，参数2是处理数据的回调函数，注意回调函数里一定要return 这是创建过滤器，使用过滤器一般格式为{{要过滤的数据 | 过滤器的名}}（注释 阅读全文

摘要： 插槽 插槽slot作为标签在页面中使用，一般我们在组件标签中添加内容不会被渲然出来，而插槽可以开启一段空间，把组件标签中的内容渲染出来 结合实例来看： 我们可以看到，一开始写在hehe组件中的内容应没有被渲染出来，我们用slot标签去开启一段空间，这时候组件标签里的内容就可以在插槽中被渲然出来 插槽 阅读全文

摘要： 我们可以在表单元素和组价上用v-model去实现双向数据绑定，它本质上是一个语法糖，就是在单向事件绑定的基础上去使用了监听用户输入事件并且更新数据的功能 我们首先来看一个v-model双向数据绑定的例子 我们创建一个表单和一个p元素，要求表单里面的元素可以在p元素里显示，并且p元素里面的初始文本也可 阅读全文

摘要： 打个比方，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，如果B没变，那就是深拷贝 深拷贝是解决对象里面还有对象，要改的是里面那个对象的属性，这个用浅拷贝解决不了 深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的 浅拷贝出来的数据并不独立，如果 阅读全文

摘要： 对于this的指向问题还是有点不太清除，这里做一下整理，方便以后查看 普通函数的this 1.普通函数的this指向的是它的调用者，谁调用这个this，，this就指向谁，比如obj,fn,这里fn最外层的this就指向obj 2.如果没有调用者，那这个this就指向window 3.在严格模式下（ 阅读全文

摘要： 父子通信 一般情况下不管是组件还是实例，自己的数据只能自己使用， 如果子组件想使用父组件的数据，我们可以通过props来接收自定义属性的方式来将父组件的数据传递给子组件 具体流程如下： 1.在组件标签上使用自定义属性 2.在组件内部通过prop上来接收自定义属性 3.接收完毕以后，就可以使用父组件的 阅读全文

摘要： 在前端开发中为了提高网页的开发效率，提高代码的复用率，同时降低块与块之间的耦合性。 产生了组件化、模块化让我们解决问题的方法 组件化更多关注的是UI部分，比如头部，内容区，弹出框甚至确认按钮都可以成为一个组件，每个组件有独立的HTML、css、js代码。 我们可以把他放在页面的任意部分，也可以和其他 阅读全文

摘要： 首先来一张官网的流程图： 在谈到Vue的生命周期的时候，我们要县创建一个实例，也就是new Vue(),在创建的过程中，首先会默认执行init，也就是初始化，在初始化的过程中就调用了beforeCreate 1.创建阶段 （1）beforeCreate是创建之前，在这个阶段没有初始化数据，同时没有真 阅读全文