随笔分类 -  vue

vuex持久化插件使用
摘要：目的 让在vuex中管理的状态数据同时存储在本地。可免去自己存储的环节。 应用场景 在开发的过程中，像用户信息（名字，头像，token）需要vuex中存储且需要本地存储。 再例如，购物车如果需要未登录状态下也支持，如果管理在vuex中页需要存储在本地。 步骤 首先：我们需要安装一个vuex的插件vu 阅读全文
posted @ 2021-09-06 20:51 前端小白狐 阅读(888) 评论(0) 推荐(0)
vue：样式文件的自动化导入
摘要：问题描述 在用vue写项目的时候，往往会把一些公用的样式和需要混入的mixins的时候，需要单独引入到文件中： 这里以scss为例： <style scoped lang="scss"> @import '../../assets/styles/***.scss' ... </style> 每次都需 阅读全文
posted @ 2021-09-06 20:41 前端小白狐 阅读(389) 评论(0) 推荐(0)
vue批量导入并注册全局组件
摘要：最近博主在写大型vue项目的时候，发现有很多地方需要用到重复的组件，但又不想频繁的import再注册 所以就把组件定义为全局组件，但是随着组件数量的越来越多，每写一个组件就要加一个全局注册方法，真的很麻烦！ 所以这里写一遍博客专门来记录vue是如何批量导入组件并注册的： 步骤： 使用 require 阅读全文
posted @ 2021-08-28 17:35 前端小白狐 阅读(2689) 评论(0) 推荐(0)
Vue源码:计算属性是如何实现缓存？（详讲）
摘要：前言 很多人提起 Vue 中的 computed，第一反应就是计算属性会缓存，那么它到底是怎么缓存的呢？缓存的到底是什么，什么时候缓存会失效，相信还是有很多人对此很模糊。 本文以 Vue 2.6.11 版本为基础，就深入原理，带你来看看所谓的缓存到底是什么样的。 注意 本篇文章默认您已经了解了Vue 阅读全文
posted @ 2021-07-27 13:38 前端小白狐 阅读(360) 评论(0) 推荐(0)
Vue源码详解（1）：深入响应式原理
摘要：Vue的响应式原理 在讲vue响应式原理之前，我们要先弄懂几个前提和知识点，下面我们来看看吧！ vue的响应式是什么？ 简单来说就是，你改变了数据的值，页面上的数据也会动态的改变 举个例子，如下示例： //html <div id="app" @click="changeMsg"> {{ messa 阅读全文
posted @ 2021-05-18 14:56 前端小白狐 阅读(378) 评论(0) 推荐(0)
巧妙处理vue-router不同路由相同组件钩子函数不执行问题
摘要：问题描述 当使用路由参数时，例如从 /user/foo 导航到 /user/bar，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用。那么想每次渲染相同组件时候都触发钩子函数要怎么做？ 解决思路 1.使用watch 阅读全文
posted @ 2021-04-30 16:39 前端小白狐 阅读(587) 评论(0) 推荐(0)
nuxt生命周期讲解
摘要：最近博主在学习vue的ssr渲染部分，使用的是nuxt.js，跟着官网学习，其中涉及到nuxt生命周期的问题，官网只给出了生命周期的图片，没有文字讲解，这让我很迷惑，到底哪个阶段发生了什么，哪个阶段是在服务端运行的，哪个阶段是在客户端运行的，下面是我查阅其他人的博客整理出来的，如果有错误，希望大家能 阅读全文
posted @ 2021-04-02 16:54 前端小白狐 阅读(5193) 评论(0) 推荐(1)
Vue实例的生命周期
摘要：什么是生命周期？ 从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！ 生命周期钩子是什么？ 就是生命周期事件的别名而已；（生命周期钩子 = 生命周期函数 = 生命周期事件） ##Vue实例生命周期分析 这是官网给出的vue生命周期图示。 vue生命周期图示：点击 阅读全文
posted @ 2021-02-23 16:44 前端小白狐 阅读(102) 评论(0) 推荐(0)