![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 54
西域男孩1028
Android HTML JAVA
展开
-
vue-ssr(下)
vue-ssr(下) 本次主要说一下,ssr怎么配合 vue-router , vuex 如何使用。 上篇遗留问题 动态引入client.bundle.js,webpack.server.js修改 plugins: [ new HtmlWebpackPlugin({ template: path.resolve(__dirname, '../public/index.ssr.html'), filename: 'server.html', e.原创 2021-01-18 21:00:17 · 136 阅读 · 0 评论 -
vue-ssr(上)
vue-ssr解决什么问题? spa全部靠的是js来渲染,默认首页显示内容是一个空的div标签,不利于SEO搜索引擎搜索 服务端渲染是可以被爬虫抓取到的,客户端异步渲染是很难被爬虫抓取到的 spa应用会有首页白屏时间过长的问题,服务器渲染的好处是将访问好的数据拼接好给前端,首页白屏时间缩短 服务端渲染的缺点? 需要占用服务器的CPU和内存,前端中的一些生命周期函数无法使用 vue-ssr使用 使用的包 vue vue-server-renderer koa koa-rou..原创 2021-01-15 10:33:53 · 186 阅读 · 0 评论 -
面试中vue-lazyload实现原理
vue-lazyload实现 vue面试常被问到 vue-lazyload 实现原理,其实考察的是我们对vue指令的掌握 使用 先来使用一下这个 vue-lazyload 插件 插件引入 npm install vue-lazyload 使用 <template> <ul class="box"> <li v-for="(img, index) in list" :key="index"> <img v-lazy="img" /&.原创 2021-01-12 19:20:53 · 641 阅读 · 0 评论