vue2
前端一枚
点关注 不迷路
展开
-
Vue中如何扩展⼀个组件
按照逻辑扩展和内容扩展来列举:逻辑扩展有:mixins、extends、composition api;内容扩展有: slots;组件和组件之间有时候会存在相同的代码逻辑,我们希望对相同的代码逻辑进行抽取,vue3中支持使用composition api1.如果是data函数的返回值对象2.如何生命周期钩子函数3.值为对象的选项,例如 methods、components 和 directives,将被合并为同一个对象4.全局混入5.局部混入二、extends从实现角度来看,extends 几乎原创 2022-12-03 20:07:53 · 1243 阅读 · 0 评论 -
vue父子组件之间双向数据绑定的(vue2/vue3)
vue考虑到组件的可维护性,是不允许子组件改变父组件传的props值的。父组件通过绑定属性的方式向子组件传值,而在子组件中可以通过$emit向父组件通信(第一种方式),通过这种间接的方式改变父组件的data,从而实现子组件改变props的值。第二种(.sync 2.3.0+ 新增)第三种 (vue3)vue3取消了.sync这种语法,使用v-model 语法代替。默认情况下,v-model 在组件上都是使用 modelValue 作为 prop,并以 update:modelValue 作为对原创 2022-12-03 15:27:25 · 6915 阅读 · 0 评论 -
vue路由懒加载、组件懒加载--2种实现方式
方法如下:component:resolve=>(require(['需要加载的路由的地址']),resolve)方法如下:const HelloWorld = ()=>import('需要加载的模块地址')懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,常用的懒加载方式有两种:即使用vue异步组件 和 ES中的import。为给客户更好的客户体验,首屏组件加载速度更快一些,(不加 { } ,表示直接return)一、为什么要使用路由懒加载。的时候的时候进行加载。转载 2022-09-17 09:51:45 · 2775 阅读 · 0 评论 -
vue2一次注册多个全局组件
在main.js中引入大量公共组件原创 2022-09-14 12:04:17 · 681 阅读 · 0 评论 -
vue2 进行gzip压缩
首先把productionGzip改为true,开启Gzip压缩;把asset改为filename安装npm install [email protected] --save-dev注意安装1.1.12 版本的,不然会报错原创 2020-07-11 11:43:16 · 1663 阅读 · 0 评论