![](https://img-blog.csdnimg.cn/20200509115007209.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
与vue相关的骚操作
カさま
保持独立思考,不卑不亢不怂
展开
-
Vue —— 响应式解析
先上图 接下来会将上图各部分分开解析 使用 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Vue 响应式</title> </head> <body> <div id原创 2020-10-12 10:33:32 · 455 阅读 · 0 评论 -
vuex 解析 + 模拟实现
本文将简单实现 vuex 中的 state、mutations、actions和getters 核心步骤 先简单回归一下 vuex vuex 集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以可预测的方式发生变化 store/index.js import Vue from 'vue' import Vuex from 'vuex' // 每个组件通过 this.$store 访问仓库 Vue.use(Vuex) export default new Vuex.store({ // 状态应原创 2020-10-02 23:25:54 · 114 阅读 · 0 评论 -
vue-router 解析
本文将以最简单的方式解析vue-router实现原理,最全的实现过程请参考源码 核心步骤 先简单回顾一下原生vue-router的使用方式 router/index.js import Vue from 'vue' import VueRouter from 'vue-router' import Home from '@/views/Home' // 1.引入插件 Vue.use(VueRouter) // VueRouter 是一个插件 const routes = [ { path:原创 2020-10-02 16:24:04 · 200 阅读 · 0 评论 -
用 Vue 实现记住登录信息功能
前言 最近做练习的时候遇到了记住登录用户信息的需求,我查了一些资料、看过几个人的博客,但是我看到的文章不是有错误就是格式及其糟糕,为此我会将我实现的原理用尽可能通俗易懂的方式告诉大家。 使用的依赖 ant-design-vue js-base64 实现原理 如图所示,我们需要根据用户是否点击记住信息来决定是否保存用户信息; 当用户决定要保存登录信息的时候,我们将使用cookie来保存信息,当...原创 2020-03-16 23:56:40 · 1913 阅读 · 1 评论