随笔分类 -  vue

Vue.js多页面项目中路由使用history模式的方法
摘要：采用vue分页后，因为指向的是单个html文件，无法配置history模式的路由。通过搜索发现了historyApiFallback配置项，下面先写一下注意事项。 1. router.js 和 this.$router.push 需要加上前缀如：path: '/index/hello-world', 阅读全文
posted @ 2020-10-30 14:34 没事看看电影 阅读(1708) 评论(0) 推荐(0)
web性能优化之页面加载体验（骨架屏）
摘要：针对web页面的首屏加载问题，一直是个问题，为此还引出一个性能考量标准：白屏时间、首屏时间。 1.白屏时间 打开chrome控制台的Performance，我们可以看到页面的渲染快照： 这段白屏时间影响的因素归根结底就是：资源加载耗时较长（chunk.js文件下载耗时35.75s）； 而对于现在的大 阅读全文
posted @ 2020-08-19 12:07 没事看看电影 阅读(1006) 评论(0) 推荐(0)
Vue项目 开启gzip
摘要：摘要： 打包的时候开启gzip可以很大程度减少包的大小，非常适合于上线部署。更小的体积对于用户体验来说 就意味着更快的加载速度以及更好的用户体验。 Vue-cli3.0项目 安装依赖：compression-webpack-plugin npm install compression-webpack 阅读全文
posted @ 2020-08-19 11:12 没事看看电影 阅读(1772) 评论(0) 推荐(0)
webpack4.splitChunks
摘要：webpack中的三个概念module、chunk和bundle 在研究splitChunks之前，我们必须先弄明白这三个名词是什么意思，主要是chunk的含义，要不然你就不知道splitChunks是在什么的基础上进行拆分。 从官网上貌似没找太多的解释，去网上搜了搜基本上都在转述这位老哥的回答《w 阅读全文
posted @ 2020-08-19 10:14 没事看看电影 阅读(435) 评论(0) 推荐(0)
vue 插件开发
摘要：vue插件介绍 1. 插件与组件 在讲解插件之前，我们首先来了解下vue插件和组件的关系，在我们的vue项目中我们使用组件的频率往往会大于插件，关系如下图所示 2. 插件前置工作 1. 插件内 component 需要带name属性， 例如 export default { name: 'test- 阅读全文
posted @ 2020-08-07 11:19 没事看看电影 阅读(330) 评论(0) 推荐(0)
vue改变 title
摘要：一般分两种情况， 第一种你事先已经定义好了 title，比如 首页 啊什么的， 第二种，是你无法确认的，比如一个看文章的页面，这个 title 就是文章的标题，你事先无法知道用户获取的是那个文章。 第一种： 1-1、首先我们需要给路由设置 title 1-2、在main.js 文件写入下面的代码 第 阅读全文
posted @ 2019-06-05 17:02 没事看看电影 阅读(335) 评论(0) 推荐(0)
vue2.0 父子组件通信 兄弟组件通信
摘要：父组件是通过props属性给子组件通信的来看下代码 父组件： 子组件通过props来接受数据 第一种方法 第二种方法 第三种方法 子组件与父组件通信 vue2.0只允许单向数据传递，我们通过出发事件来改变组件的数据，废话少说，上干货 子组件代码 父组件 兄弟组件之间的通信 我们可以实例化一个vue实 阅读全文
posted @ 2019-06-05 15:07 没事看看电影 阅读(228) 评论(0) 推荐(0)
Vue开发技巧
摘要：1 状态共享 随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是vue.js 2.6新增加的Observable API ，通过使用这个api我们可以应对一些简单的跨组件数据 阅读全文
posted @ 2019-05-24 10:24 没事看看电影 阅读(246) 评论(0) 推荐(0)