随笔分类 - vue知识分享
分享vue在开发中碰到的问题及一些操作流程
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. ref的使用 ref 接受一个原始值，返回一个具有响应式的对象，对象有一个value属性，其值就是所传递的原始值。 ref是做的一个拷贝关系，修改对象msg的值，不会影响对象obj，视图会发生变化。 import { ref } f
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、vue脚手架 1.简介 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。 2.命令行操作步骤 npm install -g @vue/cli 安装3.x版本的vue脚手架 vue -V 测试是否安装成功 vue cr
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 基于Vue.js 2.x系列 + Element UI 的后台系统权限控制 前言：关于vue权限路由的那些事儿…… 项目背景:现有一个后台管理系统，共存在两种类型的人员 ①超级管理员（称作admin），②普通用户（称作editor） 每种
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 Pinia优势 Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐 Vue2 和 Vue3 都能支持 抛弃传统的 Mutation ，只有 state, getter 和 action ，简化状态管理库 不需要嵌套
阅读全文
摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 业务背景 近些年来，随着前端工程架构发展，使得前端项目中也能拥有如后端工程的模块能力。正所谓 “能力（越）越大（来），责任（越）越大（卷）”，现在的前端工程不仅仅要满足业务需求，还伴随更多复杂的环境适配问题，例如： 1.api请求的域名会
阅读全文
摘要：前言 最近遇到了个功能，要把表单转化成图片来保存，这让我想到了一个插件HTML2CANVAS，这里给大家分享下它的用法和我使用的过程 html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个canvas图片，通过读取DOM并将不同的
阅读全文
摘要：这里分享一篇找到的文章 原文地址：https://blog.csdn.net/frontend_frank/article/details/106632197 NO.1 vite 是什么 vite —— 一个由 vue 作者尤雨溪开发的 web 开发工具，它具有以下特点： 快速的冷启动 即时的模块热
阅读全文
摘要：这里分享几个我使用到的vue开发小技巧 一、状态共享 使用Vue进行开发时，随着项目的复杂化，组件个数也逐渐增加，此时我们就面临着一个问题——多组件状态共享。当然有人会说使用Vuex来解决啊，但是如果此时我们的项目没有那么大那么复杂，在使用Vuex会导致繁琐冗余 那该怎么办？其实我们还可以通过vue
阅读全文
摘要：这里分享出我个人封装的一个axios，我会尽量每行注释，希望对大家有所帮助。 1. 安装 全局执行代码 npm install axios; 2. 编写全局axios文件（附件里有代码） 在src目录中创建一个axios目录，里面创建一个index.js文件 写上全局index.js代码 impor
阅读全文
摘要：最近在研究vue3.0，这里给大家分享下找到的介绍， 以下内容转载于：https://blog.csdn.net/baidu_31108777/article/details/114880810?ops_request_misc=%257B%2522request%255Fid%2522%253A%
阅读全文
摘要：本文内容转载于https://www.cnblogs.com/guiyishanren/p/10657910.html，用于做内容记录 1. vuex简介 vuex是专门用来管理vue.js应用程序中状态的一个插件。他的作用是将应用中的所有状态都放在一起，集中式来管理。需要声明的是，这里所说的状态指
阅读全文
摘要：WebSocket介绍 以下内容摘自维基百科： WebSocket是一种网络传输协议，可在单个TCP连接上进行全双工通信，位于OSI模型的应用层。WebSocket协议在2011年由IETF标准化为RFC 6455，后由RFC 7936补充规范。Web IDL中的WebSocket API由W3C标
阅读全文
摘要：简单对比 Vue2.x 与 Vue3.x 响应式 Vue2 使用Object.defineProperty劫持对象的属性 Vue3 使用Proxy 直接代理对象 由于Object.defineProperty只能劫持对象属性，需要遍历对象的每一个属性，如果属性值也是对象，就需要递归进行深度遍历。但是
阅读全文
摘要：前言 传统CSS的缺陷 css的可重用性差、代码冗余量大、不支持语言特性如变量循环及方法等（虽然css也在慢慢支持，比如现在的css变量等，但明显这些远远不够）。 三大预处理 于是预处理器出现了： 2007年，第一款预处理器Sass诞生。Sass是迄今为止最成熟的预处理器，拥有ruby社区的支持和c
阅读全文
摘要：这里提供一个Vue单点登录的demo给大家参考，希望对想了解的朋友有一些帮助。 具体的原理大家可以查看我的上篇文章 vue实现单点登录的N种方式 废话不多少直接上代码 这里分两套系统，一是登录系统的主体端，我们所有子系统或者关联系统的登录流程，全部在这里完成 具体代码如下： login.vue <t
阅读全文
摘要：最近项目停工了，RageFrame的学习暂时告一段落，这一篇给大家分享下有关单点登录的相关知识，并提供一些demo给大家参考，希望对想了解的朋友有一些帮助。 话不多说，先上原理（借鉴地址：https://www.jianshu.com/p/613e44d4a464） 点登录SSO（Single Si
阅读全文