![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue项目
文章平均质量分 62
埃及艳喵
这个作者很懒,什么都没留下…
展开
-
在Vue3中,props传值以on开头,如onXxx,在调用子组件时可以用@开头 @xxx=““ 给子组件传值
在上面的代码中,我们使用了"@update-value"来代表子组件的"onUpdateValue"属性,同时给"@update-value"绑定了一个名为"handleUpdateValue"的方法来处理更新事件。具体而言,如果你在子组件中定义了一个props属性名为"onXXX",那么在父组件中调用子组件时,可以用"@XXX"来代表这个属性。在Vue3中,props传值以on开头,在调用子组件时可以用@开头代表某个属性的原因是:这是Vue3中的一种新特性,叫做v-model指令的缩写语法。原创 2024-05-27 10:43:32 · 147 阅读 · 0 评论 -
webpack3 打包大小优化 提高首屏加载速度
webpack3 打包大小优化 提高首屏加载速度、引用cdn资源,使用cdn后开发工具devtool失效处理原创 2022-01-06 13:51:21 · 919 阅读 · 0 评论 -
vue-cli4创建的项目打包优化
vue-cli4创建的项目打包优化 cdn 引入、使用tree shaking配置sideEffects,减小打包大小...原创 2022-01-06 11:20:40 · 1092 阅读 · 0 评论 -
vue项目双路由模式的多环境打包配置
最近的项目需要配置双路由模式的多环境打包,在每个环境下直接执行命令行即可,无需每次打包前再去修改变量。本次使用的vue-cli4,history模式下需要打包到xunjia目录下,且访问路径要携带xunjia/,hash模式直接是根路径。需要打包测试环境(history模式 + hash模式)和正式环境(history模式 + hash模式),为了开发运行方便也加了本地运行的两个模式的命令。配置如下:先加了几个env.[*] 文件,.env.development 本地运行的hash模式.en原创 2021-12-18 09:43:29 · 1089 阅读 · 0 评论 -
vue 项目外部js文件使用router
因为想要在项目中utils下面的js文件中统一使用处理某些调整,在网上搜了方法,然后收到了这个因为项目需要同时支持两种路由模式,而且是多入口的项目,history模式下正常使用,而运行到hash模式后,页面跳转出现死循环,最后发现引入main.js这里导致的。后来继续在网上找方法,找到外部js中:import Router from '@/router'Router.push({})这样两种模式下均可正常运行...原创 2021-12-17 17:25:16 · 4329 阅读 · 0 评论 -
vue项目hash模式改history模式 mand-mobile组件库样式不生效
最近开发遇到需要将项目的路由模式改为history,修改之后发现mand-mobile组件库样式全没了,自己写的样式还在。于是各种检查:看mand-mobile官网、看vue-cli配置、网上搜类似问题,都搜不到。最后发现页面运行后,引用了default.css 打开发现被返回了原始的html页面,猜测是没找到这个文件。全局搜索发现app.vue中引入了一个修改后的mand-mobile样式表created() { const stylesheetPath = 'theme/default.c原创 2021-12-17 17:03:04 · 435 阅读 · 0 评论