2020 年 8月 18 日随笔档案 - Cupid05

摘要： vue图片路径问题阅读全文

posted @ 2020-08-18 21:50 Cupid05 阅读(377) 评论(0) 推荐(0)

摘要： vue图片路径问题 img的src属性绑定url变量，然而图片加载失败。大部分的情况中，是开发者使用了错误的写法，例如：这样写肯定是不对的，正确的写法应该使用v-bind: 加载本地图片，回头看vue-cli的文件结构，发现其中... 阅读全文

posted @ 2020-08-18 21:50 Cupid05 阅读(52) 评论(0) 推荐(0)

摘要： vue 路由守卫阅读全文

posted @ 2020-08-18 16:55 Cupid05 阅读(104) 评论(0) 推荐(0)

摘要：路由守卫在某些情况下，当路由跳转前或跳转后、进入、离开某一个路由前、后，需要做某些操作，就可以使用路由钩子来监听路由的变化全局路由钩子 //全局的前置路由守卫，会在任意路由跳转前执行，next一定要记着执行，不然路由不能跳转了router.bef... 阅读全文

posted @ 2020-08-18 16:55 Cupid05 阅读(30) 评论(0) 推荐(0)

摘要： vue路由模式 -hash history 阅读全文

posted @ 2020-08-18 16:42 Cupid05 阅读(169) 评论(0) 推荐(0)

摘要：路由模式前端路由的核心，就在于 ——— 改变视图的同时不会向后端发出请求。路由有两种模式：hash、history，默认会使用hash模式，在new VueRouter的时候配置mode值可以改变路由模式 //创建Router的实例对象const... 阅读全文

posted @ 2020-08-18 16:42 Cupid05 阅读(95) 评论(0) 推荐(0)

摘要： vue动态路由匹配阅读全文

posted @ 2020-08-18 16:25 Cupid05 阅读(190) 评论(0) 推荐(0)

摘要： vue动态路由匹配有的时候我们需要在路由跳转的时候跟上参数，路由传参的参数主要有两种：路由参数、queryString参数路由参数路由参数需要在路由表里设置。下面的代码就是给detail路由配置接收id的参数：设置 {path:'/det... 阅读全文

posted @ 2020-08-18 16:25 Cupid05 阅读(36) 评论(0) 推荐(0)

摘要： vue-路由的懒加载阅读全文

posted @ 2020-08-18 16:15 Cupid05 阅读(169) 评论(0) 推荐(0)

摘要：路由的懒加载懒加载也叫延迟加载，即在需要的时候进行加载，随用随加载。在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候... 阅读全文

posted @ 2020-08-18 16:15 Cupid05 阅读(33) 评论(0) 推荐(0)

摘要： vue-router路由使用阅读全文

posted @ 2020-08-18 11:42 Cupid05 阅读(106) 评论(0) 推荐(0)

摘要： vue-router路由使用现在的应用都流行SPA应用（single page application）传统的项目大多使用多页面结构，需要切换内容的时候我们往往会进行单个html文件的跳转，这个时候受网络、性能影响，浏览器会出现不定时间的空白界面，... 阅读全文

posted @ 2020-08-18 11:42 Cupid05 阅读(40) 评论(0) 推荐(0)

摘要： vue-cli的使用代理配置阅读全文

posted @ 2020-08-18 11:02 Cupid05 阅读(133) 评论(0) 推荐(0)

摘要： vue-cli的使用安装方法全局安装vue-cli: npm install -g @vue/cli or yarn global add @vue/cli 检测安装 vue -V 脚手架创建项目 vue create 项目... 阅读全文

posted @ 2020-08-18 11:02 Cupid05 阅读(39) 评论(0) 推荐(0)

Cupid