
Vue
文章平均质量分 51
vue知识梳理
不会写代码的一木
做一个有趣的技术小白】
展开
-
vue-router ——前端路由实现原理
一、什么是前端路由? 前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。也就是说,通过改变浏览器地址URL,在不重新请求页面的情况下,更新页面视图二、单页应用与多页应用单页应用即 第一次进入页面的时候会请求一个html文件,刷新清除一下。切换到其他组件,此时路径也相应变化,但是并没有新的html文件请求,页面内容也变化了。原理:JS会感知到url的变化,通过这一...原创 2020-03-04 11:12:00 · 151 阅读 · 0 评论 -
vue-cli —— 局部修改Element样式
最近在做vue项目时用到了Element,发现这玩意儿用起来很舒服,很新颖,上手也很快,而且效果足够酷炫。但是后面发现一个很大的问题,那就是Element的样式有限,这极大地限制了项目的应用广度,所以我们有必要对Element内部的CSS进行一定的覆盖,来改变其样式。在修改Element样式时,遇到了一些问题,这里简单做一些记录,便于以后查阅。 我在用el-switch做开关切换时,使用...原创 2019-02-13 22:57:00 · 290 阅读 · 0 评论 -
vue-cli —— 项目打包及一些注意事项
打包方法:1.把绝对路径改为相对路径:打开config/index.js 会看到一个build属性,这里就是我们打包的基本配置了。在这里可以修改打包的目录,打包的文件名。最重要的是一定要把绝对目录改为相对目录。即:把assetsPublicPath:'/' 改为assetsPublicPath:'./'2.在当前工程文件下使用命令:npm run build 进行打包。注意事项:...原创 2019-02-17 20:24:00 · 190 阅读 · 0 评论 -
'scope' is defined but never used
错误如下:解决办法:1.scope这个属性在最新版本vue已经被弃用,升级成slot-scope了 ,所以属性名应该改为slot-scope。2.如上所示,我们发现,还是有报错,原因是vetur的eslint检查没有关闭,只要不勾选此项即可,如下所示:结果:...原创 2019-02-08 22:26:00 · 458 阅读 · 0 评论 -
vue-cli ——解决多次复用含有Echarts图表组件的问题
在vue项目里,组件复用是一件很开心的事,可以节省很多时间去排版,达到事半功倍效果,但是昨晚在vue-cli项目里组件复用时发现基于Echarts图表的组件不能够复用,昨晚捯饬了很久,终于还是解决了这个问题,在此记录,加深自己理解。 具体来说,问题如下:开发了一个基于Echarts的图表组件,现在我想在一个界面内多次使用这个组件,但是我发现Echarts是通过找id来创建canvas的,...原创 2019-02-12 10:09:00 · 152 阅读 · 0 评论