技术共享，共同进步！

发布的内容为开发中和学习中遇到的知识点、技术点整理记载，意在技术共享，共同进步。如有侵权内容，请联系删除。

12月 10月 09月 07月 06月 05月 03月 02月 01月

原创 Vue3.0 - Vue2.0和Vue3.0响应式原理对比

Vue2.0和Vue3.0响应式原理对比Vue2.0 中使用ES5中的 Object.defineProperty 方法实现响应式数据缺点：（1）无法检测到对象属性的动态添加和删除。（2）无法监听到数组的下标和长度的变更。解决方案：（1）Vue2.0提供Vue.set方法用于动态给对象添加属性。（2）Vue2.0提供Vue.delete方法用于动态删除对象的属性。（3）重新vue中数组的方法，用于检测数组的变更。Vue3.0中使用ES6中的proxy语法实现响应式数据优点：（1

2021-07-14 15:36:48 293

原创 Vue3.0 - 安装路由 vue-router

Vue3.0 项目常用依赖配置——安装路由安装依赖npm install vue-router@next --savesrc 文件夹下创建 router 文件夹，router 文件夹下创建 index.js 文件配置 router.js 文件import {createRouter, createWebHashHistory, createWebHistory} from "vue-router"// 1. 定义路由组件，注意，这里一定要使用文件的全名（包含文件后缀名）imp

2021-07-14 15:25:18 6232

原创 Vue3.0 - Composition API的使用

Vue3.0 中Composition API的使用一. Composition API 和 Options API二. setup()三. reactive四. ref五. toRefs六. readonly七. computed八. watch九. 生命周期钩子函数十. 模板refs十一. 依赖注入（组件之间数据传递）一. Composition API 和 Options APIOptions API选项api（1）Options API 的优点是容易学习和使用，代码有明确的书写位置。（2）

2021-07-14 15:05:57 642

原创 Vue3.0 - 创建一个Vue3.0项目

如果创建一个Vue3.0项目一.使用 vue-cli 创建 vue3.0 项目二. 使用 vite 创建 vue3.0 项目一.使用 vue-cli 创建 vue3.0 项目需保证脚手架版本高于4.5.0，4.5.0版本以上才支持使用vue-cli创建Vue3.0项目。Vue-cli : https://cli.vuejs.org/zh/guide/installation.html查看脚手架版本vue --version安装vue-cli最新版本npm install -g @v

2021-07-14 11:49:40 783