![](https://img-blog.csdnimg.cn/20190122170723916.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue相关配置
文章平均质量分 77
vue各文件相关配置
猫老板的豆
旁观自己 善待朝夕
展开
-
Vue 3 性能飞跃:解析其性能提升的关键方面
Vue 3 提供了更好的 Tree Shaking 支持,可以消除代码中未使用的部分,减少了不必要的代码和模块,减少打包体积,从而降低了应用程序的加载时间和运行时的内存占用。Vue 3 引入了事件缓存机制,当事件被多次触发时,不会每次都执行事件处理函数,而是使用缓存的结果,从而减少了不必要的计算和处理时间,提高了应用程序的性能。对于多层嵌套的对象,由于proxy只能代理一层,所以vue3在真正访问到对象属性的时候,才去判断递归,而不是在初始化的时候就一股脑的递归。Proxy 是直接代理整个对象。原创 2024-04-16 16:43:26 · 921 阅读 · 0 评论 -
Vue router 与 route 的区别
在 Vue Router 中,router 和 route 是两个不同的概念,它们各自具有不同的作用和功能。原创 2024-04-13 16:04:02 · 1118 阅读 · 1 评论 -
Vue Router 路由生命周期钩子/路由导航守卫/路由鉴权
Vue Router 提供了路由钩子(Route Hooks),允许你在路由发生变化时执行一些操作。这些钩子可以在路由进入、离开等关键时刻触发,从而实现一些特定的功能,比如页面权限控制、数据预加载等。路由守卫简单来讲就是监听页面进入修改,和离开的功能。to:即将要进入的路由对象from:当前导航正要离开的路由next:一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。next():进行管道中的下一个钩子。如果全部钩子执行完了,则导航的状态就是。原创 2024-04-12 15:41:43 · 2128 阅读 · 1 评论 -
Vue Router 路由详解
Vue路由是Vue.js官方的路由管理器,它和Vue.js深度集成,用于构建单页面应用(SPA)。Vue路由通过监听URL的变化,根据URL的不同加载和渲染不同的组件,从而实现单页面应用。当URL变化时,Vue路由会匹配到对应的路由规则,然后加载和渲染该规则对应的组件,而不需要重新加载整个页面。Vue路由使得开发者能够更加方便地管理页面间的导航和组件的渲染。原创 2022-05-10 12:01:50 · 1205 阅读 · 2 评论 -
Vue Router 路由动态缓存组件
Vue Router 允许你缓存路由组件,这样在用户导航回之前的页面时,组件的状态会被保留而不是重新渲染。这可以通过使用组件来实现。是一个内置抽象组件,它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。它的主要作用是缓存不活动的组件实例,而不是销毁它们。当组件在包裹下被切换时,它的状态(包括数据、DOM 结构等)都会被保留,以便在下次重新显示时能够恢复之前的状态,而不是重新创建组件实例。根据路由的meta字段中的keepAlive属性来决定是否缓存组件。原创 2024-04-13 11:29:57 · 2408 阅读 · 5 评论 -
Vue Router 路由懒加载
在Vue中,如果没有使用懒加载(Lazy Loading),那么。这通常意味着,。为了解决这个问题,Vue和Webpack提供了懒加载(或称为代码拆分)的功能。通过懒加载,你可以将应用拆分成多个小的代码块(chunks),并只在需要时加载它们。这可以显著提高应用的初始加载速度,并减少资源浪费。在Vue中,你可以使用动态导入(import())语法来实现路由的懒加载,或者使用Webpack的特定配置来优化代码拆分。原创 2023-08-29 18:03:22 · 1179 阅读 · 0 评论 -
vue-cli 2.9.3 详细入门教程
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的命令能显示版本号,说...原创 2018-04-23 16:13:39 · 3233 阅读 · 0 评论 -
Vue3.x 超详细入门教程
Vue提供了transition组件,写法:<transition name="box"></transition&原创 2019-01-21 17:14:19 · 7254 阅读 · 0 评论 -
vue-cli 3.0 中 vue.config.js 相关配置
vue cli3 和 vue cli2 相比文件目录少了很多配置,没有了build和config目录那么像vue cli2 之前的关于端口号的配置,打包之后路径的配置,图片的配置 等等,应该去哪里配置呢,vue cli3 可以在项目根目录新建一个vue.config.js文件,像之前的很多繁琐配置,都可以在这个文件里配置啦。官方是这样说的。vue.config.js 是一个可选的配置文件,...原创 2019-01-24 10:05:06 · 2541 阅读 · 0 评论 -
.eslintrc.js相关配置
.eslintrc.js相关配置module.exports = { root: true, //此项是用来指定javaScript语言类型和风格,sourceType用来指定js导入的方式,默认是script,此处设置为module,指某块导入方式 "parserOptions": { "parser": "babel-esl原创 2019-01-21 16:19:12 · 2917 阅读 · 1 评论 -
Vue Router 路由跳转及传参
查询参数(query)和路由参数(params)。带查询参数query时:无论是直接路由path还是命名路由name,地址栏会变成/login?color=red;带路由参数params时:若是直接路由path则 params 携带参数不生效,无法通过获取参数;若是命名路由name则可通过正常获取参数,地址栏会变成/login/red;原创 2018-09-18 17:40:15 · 1322 阅读 · 1 评论 -
router.js相关配置
有关路由的相关配置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...原创 2019-01-24 10:36:10 · 11577 阅读 · 1 评论 -
vue中对axios的封装
文件中,这样可以把api统一管理起来,以后维护修改只需要在。把封装的方法放在一个。在本地调试的时候,还。原创 2019-01-24 11:33:16 · 1417 阅读 · 2 评论 -
Vuex详解
一、简介我们来看看对Vuex比较专业的介绍: Vuex是一个专为Vue开发的应用程序的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简而言之,Vuex采用类似全局对象的形式来管理所有组件的公用数据,如果想修改这个全局对象的数据,得按照Vuex提供的方式来修改(不能自己随意用自己的方式来修改)。二、优点Vu...原创 2018-06-12 17:15:18 · 32635 阅读 · 8 评论 -
使用vue插件添加全局方法属性
1、新建插件文件Plugins.js:export default{ install(Vue){ Vue.prototype.$const={//常量 URL:"http://www.fly63.com/",//项目请求接口的url } Vue.prototype.$utils={//全局方法 ge...原创 2018-11-15 19:02:54 · 3912 阅读 · 0 评论 -
vscode快速新建vue模板 用户代码片段
第一步: 新建模板并保存文件 ==> 首选项 ==> 用户代码片段 ==> 输入 vue,选择 vue.json ==> 编辑vue.json文件如下:{ "Print to console": { "prefix": "vue", &原创 2018-06-22 11:29:37 · 6349 阅读 · 2 评论 -
VUE解决IE不能用的方法
一般来说VUE本身是不支持IE的,而且在vue-cli项目在IE下报Promise未定义错误解决方法:第一步:下载插件: cnpm install --save babel-polyfill第二步:入口文件main.js引入( import 'babel-polyfill')第三步:配置文件修改 vue-loader.conf(脚手架工具构建的项目修改这个配置文件,如果没有就修改web...原创 2018-09-25 16:19:58 · 2733 阅读 · 0 评论 -
移动端调试工具vConsole
1. 安装npm install vconsole2. 新建文件在 src/assets 目录下创建个util文件夹,并在里新建一个文件 vconsole.js,如下:import Vconsole from 'vconsole'let vConsole = new Vconsole()export default vConsole3. 引用可以在mai...原创 2018-07-20 17:03:51 · 909 阅读 · 0 评论 -
vue-cli build打包后CSS前缀被自动去除
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);原本是...原创 2018-09-18 15:10:22 · 1204 阅读 · 0 评论