qq_39692513的博客

对vue两种路由模式的简单实现

vue 自定义插件 指令 曝光埋点对象

nexttick是什么？官方的定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM用法：接收一个回调函数作为参数，作用是将回调函数延迟到下一次dom更新完毕后使用。如果没有传入回调函数，并且在支持promise的环境中，会返回一个promise对象使用场景：在对数据进行赋值之后，需要对新dom做一些操作的时刻，但是此刻最新的dom还没有进行更新。为什么数据赋值后，不会立马更新dom原因：vue 更新dom是异步执行的。监听到

Vite的使用及基础原理1使用vite创建vue3项目1.1工具要求1.2创建项目1.3启动1.4使用vue工具2配置vite3vite相比webpack的优点3.1优点一：构建速度快3.2优点二： 开发启动快3.2.1webpack开发启动过程3.2.2vite开发启动过程3.3优点三：热更新速度更快4vite基本原理4.1EMS4.2基本架构4.3 项目分析参考文章1使用vite创建vue3项目1.1工具要求node ：>=12@vue/cli ：>=4.3.11.2创建项目

1 动态路由的基本信息Q：什么时候需要动态路由A：当你同一个组件需要不同路由跳转的时候

目录引入ant-design-vue1.全局引入2. 局部引入局部引入组件局部引入图标使用1message的使用2 日期范围组件本地化3组件化的小技巧listform优化webpack分析插件优化强依赖插件moment引入ant-design-vue1.全局引入1. 命令行使用npm安装npm install ant-design-vue --save2. main.ts文件中导入import Antd from 'ant-design-vue';import 'ant-design-vu

1mvvm模型vue中就是用了mvvm模型的思想。mvvm模型相较于mvc模型的升级版。mvc模型即指model数据、view视图、controller控制器，通过controller来处理各种逻辑和用户交互。随着项目复杂度的上升，controller的逻辑和代码也越来越复杂，越来越难以维护就出现了mvvm模式。mvvm是controller变成了viewmodel，view和viewmodel双向绑定，互相影响。mvvm模式的优点：1较低的耦合度，开发人员可以专注于逻辑和视图的开发，viewm

1函数式编程与命令式编程命令式编程关注于解题步骤，函数式编程关注于数据映射。命令式编程是一步一步来的，如我们小学解决数据题，没有数据之间的公式，只能一步一步算，函数式编程像升了上了初中之后，开始学习公式，遇到小学那样的问题，套一套公式就出来了，无需再一步步计算。再如二叉树翻转，命令式编程是需要判断节点是否为null,然后开始翻转左树，翻转幼树，最后在左右树互换，关注了解题步骤；而函数式编程考虑了二叉树翻转和原二叉树的关系，翻转二叉树和原二叉树每一个节点都递归的相反，故可以通过反向递归原二叉树得到二叉

1 创建方式vue2： vue init webpack vuedemovue3: vue create vuedemo2 项目目录vue2:有bulid+config文件夹，node-modules需要npm install来安装vue3:无build+config，node-modules自动安装build文件是配置webpackconfig配置开发环境vue3可在项目根目录创建vue.config.js文件来进行webpack+环境的配置3运行方式vue2中sc

if(this.data){ var newValue = this.data.showContent; console.log(newValue); if(data) { for (var i in data) { newValue = newValue.replace("${" + i + "}", data[i]); } for(var i i...

1 main.js作为入口文件读取main.js中Vue实例new Vue({el:'#app',//代表index.html中要挂载的地点，index.html 中<div id="#app"></div> 两个地方的ID保持一致，才可以挂载成功component：{App}, //需要在main.js中导入template："<App/>",//讲component中的{App}组件在index.html中渲染domstore，//状态管理Vu