vue性能优化
空投在我怀里
这个作者很懒,什么都没留下…
展开
-
vue优化之“复用组件的限制“
一、问题1.当你在一个父级路由里面,多个子路由共用了同一个组件时,可以利用插槽,和父传子通信的方式去实现内容的复用,这是没有问题的,问题在于,如果父级路由页面,他只会执行一次,在父级页面中写的判断调用,将会失效2. 父组件<template> <div> <!-- <order-header title="title"> <template v-slot:tip> <span>{{ti原创 2022-03-16 08:45:20 · 626 阅读 · 0 评论 -
vue功能之“loading加载优化“
一、新建组件写入<template> <div class="loading"> <img src="/imgs/loading-svg/loading-bars.svg" alt=""> </div></template><script>export default { name:'loading'}</script><style lang='scss'&原创 2022-03-16 08:45:26 · 2554 阅读 · 0 评论 -
vue性能优化之“路由的按需加载”
二、效果展示1.添加之后,这边在点击“购物订单”的时候如图红色框内的,内容发生按需求加载路由2.原创 2022-03-15 17:08:14 · 249 阅读 · 0 评论 -
vue功能之“lazyload懒加载的使用”
1.安装npm install vue-cookie --save-dev 要用cookie的方式传递,告诉后台我是谁2.在入口文件main.js中注册import Vuelazyload from 'vue-lazyload'//载入懒加载Vue.use(Vuelazyload,{ loading:'/imgs/loading-svg/loading-bars.svg',//默认懒加载图片})3.使用 <a :href="'/#/product/'+item.id"原创 2022-03-15 10:13:23 · 381 阅读 · 0 评论 -
vue性能优化之“js按需加载“
一、在vue.config.js中进行配置二.效果展示1.没有添加之前2.添加之后进入订单页面后,按需求加载6.js和0.js原创 2022-03-15 16:59:03 · 1661 阅读 · 0 评论