vue
文章平均质量分 71
vue vue router vue-cli
你脸上有BUG
一只头秃程序媛
展开
-
vue——不同组件中监听Localstorage变化并实时更新
期望效果:tip:access=1表示超级管理员,access=0表示管理员。希望内容框(一个组件)和顶栏(另一个组件)的管理员权限和localstorage中保持一致。内容框和顶栏属于组件间传值,如果需要同步状态可以用到vuex,但此时可以利用localstorage自身的方法来实现localstorage值的监听。准备首先要了解localStorage的使用,因为此处要监听不要使用localStorage.xxx='xxx'的方式来给key赋值!!!localStorage.getItem原创 2022-05-06 00:30:36 · 5296 阅读 · 4 评论 -
vue生命周期
一、组件生命周期组件生命周期:一个组件或一个"页面"加载过程中所经历的每个阶段。今后只要希望在页面或组件加载完成后自动执行一些初始化任务时就需要用到组件页面的生命周期.四个阶段(仅以new Vue()举例)(1)创建(create)阶段(必经).a.创建new Vue()对象.b.加载data对象到new Vue()中。c.暂时没有虚拟DOM树,可能无法执行DOM操作(2)挂载(mount)阶段a.根据el所指扫描页面,并首次将data中的变量值渲染到页面显示.b.既有data,又有虚原创 2021-08-14 15:46:12 · 126 阅读 · 0 评论 -
vue2/3绑定原理比较 + vue3(ts)基础语法(ref和toRefs、watch)
一、绑定原理前情回顾:vue2绑定原理访问器属性+虚拟DOM树vue2绑定的问题:只能在首次创建new Vue()对象时初始就有的属性,添加监视(访问器属性)。今后动态添加进来的成员,就无法自动添加访问器属性,也就无法自动得到监视。无法给索引数组的数字下标添加访问器属性在vue程序中后添加成员,或通过下标修改索引数组中的元素值,页面都不自动更新Vue3绑定原理:ProxyProxy代理对象+虚拟DOM树proxy在目标对象的外层搭建了一层拦截,外界对目标对象的所有操作,都必须通原创 2021-07-30 17:59:17 · 1998 阅读 · 1 评论 -
vue——懒加载(异步延迟和彻底懒加载)
vue项目优化之懒加载引入问题一、默认: 异步延迟加载结果图解二、彻底懒加载(手动配置)步骤1. 实现异步延迟加载的两步2. 配置脚手架,去掉prefetch结果图解引入问题单页面应用的致命问题: 首屏加载极慢原因:脚手架默认把所有组件集中打包为一个巨大的app.js文件,在首屏一次性全部下载。本章教程皆以Vue脚手架初始示例为例:npm run serve:这里的app.js就包含了所有的组件(Home.vue和About.vue),此时文件大小124KB《npm run buil原创 2021-07-27 13:58:15 · 2045 阅读 · 0 评论 -
MVVN设计模式
一、MVVM设计模式三部分采用MVVM设计模式,对前端代码重新划分为3部分。1.界面View包含HTML+CSS,且 HTML还是增强版a.HTML中支持变量!不需要js,只要程序中变量值变化,界面中显示自动变化!.b.HTML中支持分支和循环2.模型对象Model专门负责替界面保存所需的所有变量和函数。.3.视图模型ViewModel专门负责将模型对象中的变量值和函数配送到界面中。并且自动保持界面显示和程序中的变量一致二、vue如何实现MVVM设计模式:Vue的绑定原理(1)创建n原创 2021-07-19 12:02:34 · 1092 阅读 · 2 评论