NEW

vue keep-alive

vue keep-alive
vue keep-alive 首页是A页面 B页面跳转到A,A页面需要缓存 C页面跳转到A,A页面不需要被缓存 beforeRouteLeave(to, from, next) { // 设置下一个路由的 meta to.meta.keepAlive = false; // C 跳转到 A 时让 A 不缓存,即刷新 next(); } 2.最佳方法:看看就好,直接复制粘贴就可以使用,这样子的话,每次退出登录的时候都会把keep-alive删除。 //删除切换账号,之前的账...

vue虚拟Virtual DOM

vue虚拟Virtual DOM
vue虚拟Virtual DOM 是什么? 真实dom的抽象,以JavaScript对象描述一个树,属性描述节点,最终会转为真实的dom.一般会包含标标签名( tag)、属性(attrs)和子元素对象( children)三个属性. vue虚拟dom的作用,将多次dom更新,先保存在js对象中,通过diff算法计算得出最后需要更新的节点,交给浏览器渲染,让页面的这些节点,能复用的尽量服用,减少重新创建的次数,减少对DOM的频繁操作。 因为新旧DOM作对比,所以我...

vue img 动态src

vue img 动态src
vue动态切换img标签的src时,写的路径就是不生效,原因是vue并没有把你的路径字符串当做路径来处理,而是直接当做字符串了 使用导入资源的方式 <template> <img :src="item.hasDown ? upSvgUrl : downSvgUrl" /> </div> </template> <script> // 下面是导入两张图片的相对地址 import upSvg from '@/assets/icon/up.svg' import downSvg f...

vue switch自定义组件开发

vue switch自定义组件开发
vue switch自定义组件开发 1、组件代码(请自行放置到自己项目中对应的位置) // my_switch <template> <div> <span class="weui-switch" :class="{'weui-switch-on' : me_checked}" :value="value" @click="toggle"></span> </div> </template> <script> export default { props: { value: { type: Boolean, default: ...

vue服务端渲染ssr

vue服务端渲染ssr
vue服务端渲染ssr ssr是什么 服务器端将Vue组件直接渲染未html字符串,发送至浏览器,最后在浏览器中混合为可交互的应用程序 服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用",因为应用程序的大部分代码都可以在服务器和客户端上运行。 为什么要用 更好的 SEO 更快的内容到达时间首屏时间(time-to-content) (fast-3G) 怎么做 vue-server-renderer Nuxt.js 是一个参考了 React.js 栈...
Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录