猫老板的豆

Vue 2Vue 3实现Proxy性能递归遍历属性，初始化慢直接代理对象，快 2 倍支持不支持 Map/Set原生支持 Map/Set/WeakMap优化方向Vue2 实现Vue3 改进性能提升点响应式系统Proxy更快初始化，支持更多数据类型编译优化简单静态标记Patch Flags、静态提升、Block Tree减少虚拟 DOM Diff 范围虚拟 DOM全量 Diff动态标记 + 靶向更新精准更新，跳过静态节点不支持模块化架构减小打包体积组件渲染。

在 Vue Router 中，router 和 route 是两个不同的概念，它们各自具有不同的作用和功能。

Vue Router 提供了路由钩子（Route Hooks），允许你在路由发生变化时执行一些操作。这些钩子可以在路由进入、离开等关键时刻触发，从而实现一些特定的功能，比如页面权限控制、数据预加载等。路由守卫简单来讲就是监听页面进入修改，和离开的功能。to：即将要进入的路由对象from：当前导航正要离开的路由next：一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。next()：进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是。

Vue路由是Vue.js官方的路由管理器，它和Vue.js深度集成，用于构建单页面应用（SPA）。Vue路由通过监听URL的变化，根据URL的不同加载和渲染不同的组件，从而实现单页面应用。当URL变化时，Vue路由会匹配到对应的路由规则，然后加载和渲染该规则对应的组件，而不需要重新加载整个页面。Vue路由使得开发者能够更加方便地管理页面间的导航和组件的渲染。

Vue Router 允许你缓存路由组件，这样在用户导航回之前的页面时，组件的状态会被保留而不是重新渲染。这可以通过使用组件来实现。是一个内置抽象组件，它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。它的主要作用是缓存不活动的组件实例，而不是销毁它们。当组件在包裹下被切换时，它的状态（包括数据、DOM 结构等）都会被保留，以便在下次重新显示时能够恢复之前的状态，而不是重新创建组件实例。根据路由的meta字段中的keepAlive属性来决定是否缓存组件。

在Vue中，如果没有使用懒加载（Lazy Loading），那么。这通常意味着，。为了解决这个问题，Vue和Webpack提供了懒加载（或称为代码拆分）的功能。通过懒加载，你可以将应用拆分成多个小的代码块（chunks），并只在需要时加载它们。这可以显著提高应用的初始加载速度，并减少资源浪费。在Vue中，你可以使用动态导入（import()）语法来实现路由的懒加载，或者使用Webpack的特定配置来优化代码拆分。

https://github.com/Trojain/vue-cli-2.9.3一、安装vue-cli1.使用npm全局安装vue-cli（前提是你已经安装了nodejs，否则你连npm都用不了），命令如下：npm install vue-cli -g.2.可以用vue -V来进行查看 vue-cli的版本号。注意这里的V是大写的。如果vue -V的命令能显示版本号，说...

Vue提供了transition组件，写法：<transition name="box"></transition&amp

vue cli3 和 vue cli2 相比文件目录少了很多配置，没有了build和config目录那么像vue cli2 之前的关于端口号的配置，打包之后路径的配置，图片的配置 等等，应该去哪里配置呢，vue cli3 可以在项目根目录新建一个vue.config.js文件，像之前的很多繁琐配置，都可以在这个文件里配置啦。官方是这样说的。vue.config.js 是一个可选的配置文件，...

.eslintrc.js相关配置module.exports = { root: true, //此项是用来指定javaScript语言类型和风格，sourceType用来指定js导入的方式，默认是script，此处设置为module，指某块导入方式 "parserOptions": { "parser": "babel-esl

查询参数（query）和路由参数（params）。带查询参数query时：无论是直接路由path还是命名路由name，地址栏会变成/login?color=red；带路由参数params时：若是直接路由path则 params 携带参数不生效，无法通过获取参数；若是命名路由name则可通过正常获取参数，地址栏会变成/login/red；

有关路由的相关配置router.js：import Vue from 'vue'import Router from 'vue-router'import { getStore } from 'js/store'// vue路由懒加载 异步加载const Index = resolve => require(['@/pages/index/Index'], resolve...

文件中，这样可以把api统一管理起来，以后维护修改只需要在。把封装的方法放在一个。在本地调试的时候，还。

我们来看看对 Vuex 比较专业的介绍：Vuex 是一个专为 Vue 开发的应用程序的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简而言之，Vuex 采用类似全局对象的形式来管理所有组件的公用数据，如果想修改这个全局对象的数据，得按照Vuex提供的方式来修改（不能自己随意用自己的方式来修改）。

1、新建插件文件Plugins.js：export default{ install(Vue){ Vue.prototype.$const={//常量 URL:"http://www.fly63.com/",//项目请求接口的url } Vue.prototype.$utils={//全局方法 ge...

第一步: 新建模板并保存文件 ==> 首选项 ==> 用户代码片段 ==> 输入 vue，选择 vue.json ==> 编辑vue.json文件如下：{ "Print to console": { "prefix": "vue", &

一般来说VUE本身是不支持IE的，而且在vue-cli项目在IE下报Promise未定义错误解决方法：第一步：下载插件： cnpm install --save babel-polyfill第二步：入口文件main.js引入( import 'babel-polyfill')第三步：配置文件修改 vue-loader.conf（脚手架工具构建的项目修改这个配置文件，如果没有就修改web...

1. 安装npm install vconsole2. 新建文件在 src/assets 目录下创建个util文件夹，并在里新建一个文件 vconsole.js，如下：import Vconsole from 'vconsole'let vConsole = new Vconsole()export default vConsole3. 引用可以在mai...

background: -webkit-linear-gradient(left,#ccc,#fff)background: -moz-linear-gradient(left,#ccc,#fff);background: -o-linear-gradient(left,#ccc,#fff);background: linear-gradient(left,#ccc,@stop);原本是...