Vue

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、响应式原理 1、理解什么是代理对象。 代理对象会修改源对象的数据。 示例： 2、如何使用代理对象 2.1将源对象传递给vue的data选项，它

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 先看一段代码，这是通用轮播图组件的部分代码 这段代码的其他知识点我前面都写过了，这里出现一个新的知识点:nextTick 对于nextTick官方

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 在某一些特定场景下，跳转页面后再返回我们不希望销毁组件，而是希望页面缓存下来，保存跳转前的状态，这时候就可以用到keep-alive组件。 官方介

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 在Vue中引入使用第三方库通常我们都会采用import的形式引入进来，但是有的组件在引入之后又做了Vue.use()操作，有的组件引入进来又进行了

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 路由守卫种类：三大全局路由守卫，三大组件路由守卫，一个路由独享守卫 使用位置：全局和独享在路由文件 src\router\index.js，组件守

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 vue 开发中组件通信可谓是非常常见的操作的，而组件通信最常用的肯定是 props，但是props 使用于父子组件通信还比较方便，但是组件层级较多

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 reactive reactive会对传入对象进行包裹，创建一个该对象的Proxy代理。它是源对象的响应式副本，不等于原始对象。它“深层”转换了源

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 .sync 在vue2.4以前，父组件向子组件传值用props；子组件不能直接更改父组件传入的值，需要通过$emit触发自定义事件，通知父组件改变

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 .stop 阻止事件向上(向父级)冒泡 .capture 在捕获阶段触发监听函数 只在捕获阶段触发，不会在冒泡阶段触发。要想两个阶段都触发，只能写

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 改进 组件里可以有多个根节点 v-model 支持多属性 支持 将子树在其它地方渲染 可以自定义渲染函数，方便扩展到其它平台 增加了全局 API

开头先说一说Vue2 Vue2响应原理 使用Object.defineProperty方法实现响应式数据， Object.defineProperty 将对象属性转化为 getter/setter。O

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 如果你想把你的组件发布到npm上，并通过npm install 你的包名 来安装，这样不但显得高大上，还方便有这样需要的人来安装使用，下面就简单介

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 表格单选并取消选中 如果你想实现在一个表格中，有个单选的选项，点击可以选中某一行的数据，再次点击也可以取消勾选，那下面这个方法可以满足你的需求。

性能优化标准 既然说性能优化，那他总得有一个公认的标准，这就是我们很多次听到的Lighthouse 在很多单位，都有着自己的性能监控平台，我们只需要引入相应的sdk，那么在平台上就能分析出你页面的存在

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、基础优化（代码以及编码规范） 1、v-if 和 v-show 区分使用场景 v-if=false时不渲染DOM，v-show会预渲染DOM，v

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 一、watch 默认是浅层，使用deep深层监听 被侦听的 property，仅在被赋新值时，才会触发回调函数——而嵌套 property 的变化

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 Slot具名插槽语法 在 Vue2.x 中， 具名插槽的写法： 在父组件中使用： 如果我们要在 slot 上面绑定数据，可以使用作用域插槽，实现如

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 生命周期钩子 与2.x版本生命周期相对应的组合式API 新建测试组件/components/Test.vue 按照官方上说的那样，你不需要立马弄明

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 vue3.0中文文档 Vue3.0新特性 Composition Api (最核心) v-model更改 v-for的key节点上的使用情况更改