vue
文章平均质量分 60
code-ZYG
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vite配置
如果需要在嵌套的公共路径下部署项目,只需指定。配置项,然后所有资源的路径都将据此配置重写。这个选项也可以通过命令行参数指定,例如。原创 2023-05-18 18:01:54 · 2154 阅读 · 0 评论 -
vue-cli3/4:css样式层次分析及scoped
最近读到一篇文章:vue:单页应用style样式层次分析及处理,看了很受启发,自己也动手测试一下,结果结果差别很大······所以在巨人的肩膀上,自己总结一番:vue中样式的引入方式大概如下:样式可以在main.js中引入在模块js文件中引入在组件中的style标签引入在组件中的script标签引入在index.html的body中引入。问题 ?从不同位置引入的样式到底是什么关系?在实际定义样式时应该定义在哪个位置,以避免样式产生的冲突?环境新建vue项目测试:vue c原创 2020-12-09 16:15:30 · 1149 阅读 · 0 评论 -
简单的.vue文件npm打包,上传
1. vue-cli脚手架1.1 打包成一个js将css和js打包成 一个js文件,方便用户引入,这里需要在vue.config.js中配置一下css: { extract: false },css.extractType: boolean | ObjectDefault: 生产环境下是 true,开发环境下是 false是否将组件中的 CSS 提取至一个独立的 CSS 文件中 (而不是动态注入到 JavaScript 中的 inline 代码)。同样当构建 Web Component原创 2020-10-23 10:09:46 · 388 阅读 · 0 评论 -
为什么Vue生命周期函数不能使用剪头函数书写
这里我们以生命周期beforeCreate为例:通过看源码查看,找到调用位置,使用了callHook我们接下来看看这个方法,使用了call所以,如果生命周期使用了箭头函数,那么this就会指向window而不是当前组件实例再举个栗子:...原创 2020-05-11 15:03:10 · 1682 阅读 · 5 评论 -
路由重置
参考:github上的讨论在项目中,有时候用户需要动态改变路由配置routes,这个时候再vue-router中,路由配置是引用类型,却没有改变,需要动态随着改变。解决办法:vue-router中在出入配置路由routes后,生成了路由对照表addRoutes方法是操作路由对照表的,而且对照表是引用类型所以,需要重置resetRoute,也就重置了路由对照表,将暴露的router.matcher = newRouter.matcher的操作方法,赋值;newRouter.matcher是实原创 2020-05-09 11:18:28 · 2387 阅读 · 0 评论 -
vue-router 中的404
在学习vue-element-admin项目的时候,要求通配符*404页面必须放在最后面,这是因为通配符在vue-router v2.5.0之前没有处理,就是按顺序加载路由,导致的问题在新的版本中,解决了这个问题,通配符路由,永远放在最后...原创 2020-05-08 17:13:43 · 292 阅读 · 0 评论 -
vue源码分析四:从入口文件开始
在 web 应用下,我们来分析 Runtime + Compiler 构建出来的 Vue.js1.npm run dev根据package.json,执行npm run dev命令构建工具是rollup,然后 scripts/config.js,就知道了需要运行scripts/config.js了web-full-dev 是向scripts/config.js文件传递的参数2. ...原创 2019-01-16 17:19:01 · 253 阅读 · 0 评论 -
vue源码分析三:源码构建
Vue.js 源码是基于 Rollup 构建的,它的构建相关配置都在 scripts 目录下。1.为什么是Rollupwebpack更加强大 可以将图片,css等都解析为js。rollup 更适合于js库的编译,只适用于js部分,别的文件是不管的,并且更加友好。2.构建脚本通常一个基于 NPM 托管的项目都会有一个 package.json 文件,它是对项目的描述文件,它的内容实际上是一...原创 2019-01-15 20:04:51 · 868 阅读 · 1 评论 -
vue源代码分析一:Flow
1.认识 FlowFlow 是 facebook 出品的 JavaScript 静态类型检查工具。Vue.js 的源码利用了 Flow 做了静态类型检查。2.类型检查类型检查是当前动态类型语言的发展趋势,所谓类型检查,就是在编译期尽早发现(由类型错误引起的)bug,又不影响代码运行(不需要运行时动态检查类型),使编写 JavaScript 具有和编写 Java 等强类型语言相近的体验。3....原创 2019-01-15 17:07:04 · 393 阅读 · 0 评论
分享