![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
进击的蜗牛ol
分享使人快乐,谦虚好学使人进步
展开
-
vuecli3 prerender-spa-plugin配置 seo优化 预渲染
前言:使用vue-cli打包项目一般为spa项目,众所周知单页面应用不利于SEO,有ssr和预渲染两种解决方案,这里我们只讨论预渲染 vue-cli3.0版本 3.0的cli看上去简洁多了,去掉了2.0 build和config等目录,那我们怎么去修改webpack的配置呢? 在根目录下创建vue.config.js,进行你的配置。 1.安装 npm install prerender-spa-p...转载 2019-04-11 16:32:22 · 1099 阅读 · 5 评论 -
vue $nextTick方法 数据更新获取dom
业务场景 1.使用固定定位在顶部写了内容盒,下方用padding撑开空间,下方点击添加向上方盒子中添加内容,盒子的大小随内容增加改变,这就要求下方的盒子padding大小要随上方盒子的大小动态改变 2.处理方案。在watch中监听盒子中数据变化,数据改变,调用获取盒子高度的方法,将高度值赋值给padding。 以为这就完成了?没这么简单。你会发现只有下次点击时当前高度才会被附上,应为我们执行代码的...原创 2019-09-03 15:36:30 · 948 阅读 · 0 评论