Vue3
文章平均质量分 81
小白在线学前端
这个作者很懒,什么都没留下…
展开
-
Vue Router的基本知识
编程使我快乐Vue-router的基本使用路由,其实就是指向的意思,当我点击页面上的 首页按钮的时候,页面中就是显示首页 的内容,如果点击页面上的关于按钮,页面就显示 关于的内容。Home按钮==>首页内容,关于按钮==>关于的页面,也可以说是一种映射,所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。路由模块的本质 就是建立起url和页面之间的映射关系。点击之后,怎么做到正确的对应,比如,当我点击首页按钮,页面中就显示home的内容,这就要在js文件中进行路由的配原创 2021-10-16 20:39:58 · 1171 阅读 · 4 评论 -
学习Vue看这个就够了(上)
vue总结VUE基础一、什么是vue官方给出的概念是:Vue(类似于View)是一套用于构建用户界面的前端框架构建用户界面用Vue往html页面中填充数据,非常的方便框架框架是一套现成的解决方案,程序员只能遵守框架的规范,去编写自己的业务功能要学习的vue,就是在学习vue框架中规定的用法!vue的指令、组件(是对UI结构的复用)、路由、Vuex、Vue组件库二、Vue的两个特性数据驱动视图数据的变化会驱动视图自动更新好处是:程序员只管把数据维护好,那么页面原创 2021-10-05 22:38:14 · 4426 阅读 · 2 评论 -
Vue3登录之QQ登录
如何设置QQ登录步骤:有一个网站,且已备案。网站需要有QQ登录的逻辑(登录页面,回跳页面)。然后再QQ互联上进行身份验证,审核通过然后在QQ互联上创建应用,应用需要域名,备案号,回调地址。审核通过。得到:应用ID 应用key 回调地址。才能完成QQ登录。(以上四个步骤,工作后大概率由后台或运维完成)注意:id和uri都不能修改,否则无效。如果在本地的时候使用QQ互联由于域名是需要备案的所以我们写一个已经被过案的域名www.corho.com和localhost不一致无法回调.原创 2021-09-28 08:48:29 · 1137 阅读 · 1 评论 -
Vue中第三方登录
如何设置QQ登录步骤:有一个网站,且已备案。网站需要有QQ登录的逻辑(登录页面,回跳页面)。然后再QQ互联上进行身份验证,审核通过然后在QQ互联上创建应用,应用需要域名,备案号,回调地址。审核通过。得到:应用ID 应用key 回调地址。才能完成QQ登录。(以上四个步骤,工作后大概率由后台或运维完成)注意:id和uri都不能修改,否则无效。如果在本地的时候使用QQ互联由于域名是需要备案的所以我们写一个已经被过案的域名www.corho.com和localhost不一致无法回调.原创 2021-09-26 08:40:37 · 1425 阅读 · 0 评论 -
Vue3封装面包屑的插件
前言在elementUI中有一个面包屑导航,是怎样做到的,我们今天就写一下使用Vue3中学到的知识·封装一个自己写的插件。# 开始啦!!简单的封装封装一个简易的面包屑组件,适用于两个场景,大致的步骤是:准备静态的基础结构代码,新建一个bread.vue的一个组件代码如下:这是基础的布局<template> <div class='xtx-bread'> <div class="xtx-bread-item"> <Rou原创 2021-09-24 21:50:51 · 460 阅读 · 0 评论 -
Vue3分页插件的封装
分页组件的封装分页的本质:分批次查询数据(基于页码page和每页条数pagesize),后端接收到分页参数后,会基于这些参数查询数据库,然后基于数据库进行分页,基于SQL语句分页组件实现的步骤分页基础的布局,依赖数据分析。分页内容逻辑,完成切换效果。接收外部数据,提供分页事件。落地的代码分页的基础布局,在src/component/libray中新建一个pagination.vue的文件,基本结构<template> <div class="xtx-pagina原创 2021-09-23 21:35:41 · 667 阅读 · 0 评论 -
Vue3中 你不知道的那些事!!!
前言今天在写项目中的一个小组件,感觉挺不错的,然后分享给大家,如果以后需要使用这个就,看一下这个博客就行先说一下SKU和SPU的概念:SPU(Standard Product Unit)标准化产品单元。是商品信息聚合的最小单位,是一组可复用、易检索的标准化信息的集合,该集合描述了一个产品的特性。通俗点讲,属性值、特性相同的商品就可以称为一个SPU。SKU(Stock Keeping Unit)库存量单位,即库存进出计量的单位, 可以是以件、盒、托盘等为单位。SKU是物理上不可分割的最小存货单元。在原创 2021-09-21 23:57:29 · 508 阅读 · 0 评论 -
Vue3中封装骨架屏的效果
前言骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充进需要显示的数据内容。常用于文章列表、动态列表页等相对比较规则的列表页面。 今天我们就讲一下,如何在Vue3中封装骨架效果为什么需要骨架屏?当用户刚打开网页的时候,后台还没有返回数据,页面没有办法渲染。如果用户正好网络状态不是很好,如果页面什么都不显示的话,用户极有可能直接选择退出了。骨架屏可以起到一个占位的作用,用户看到后就能知道此处有内容正在加载。二、如何封装?通过插件的方式,注册为全局组原创 2021-09-19 23:32:31 · 1000 阅读 · 0 评论 -
一文带你搞懂RBAC权限模式
前言权限一句话来理解就是对资源的控制,对web应用来说就是对url的控制,关于权限可以毫不客气的说几乎每个系统都会包含,只不过不同系统关于权限的应用复杂程序不一样而已,现在我们在用的权限模型基本上都是以RBAC为基础进行扩展的,我们今天就将RBAC权限模型进行下介绍。开始RBAC的介绍RBAC是基于角色的访问控制(Role-Based Access Control )在RBAC中,权限与角色相关联,用户通过成为适当角色的成员而得到这些角色的权限。这就极大地简化了权限的管理。这样管理都是层级相互依赖的原创 2021-09-15 20:54:52 · 1307 阅读 · 0 评论 -
Vue中的请求拦截器和响应拦截器
前置大家好,我又来了,我们今天就讲一下什么是请求拦截器,和请求拦截器的作用,好了,多余的话我就不说了,马上开始今天的讲解开始啦请求拦截器请求拦截器的作用是:在请求发送前进行一些操作,例如在每个请求体里面加上token,统一做了处理的,如果要更改也是非常的容易。关于拦截这里只说原理,前端的请求,最终离不开Ajax,像Vue的Vue-Resource、Axios,都只是对Ajax进行了统一的封装,它暴露出来的拦截器,其实就是写了一个方法,把Ajax写在这个方法里面(我们先说请求拦截器)原创 2021-09-11 21:21:29 · 8289 阅读 · 5 评论 -
VUE3----setup函数的使用
前置大家好,今天我们讲一下Vue3中的setup的使用,Vue2我们都学过,但是Vue3,也是要学习的,因为 现在非常多的大厂,已经开始使用Vue3啦,Vue3和Vue2其实还是有一点不一样的,Vue3更接近于底层的代码,好了,我们马上开始今天的讲解开始啦参数我们先讲一下setup函数中的两个参数1、props在setup函数中的第一个参数是props。正如在一个标准组件中所期望的那样,setup函数中的props是响应式的,当传入新的props的时候,它即将被更新// 这个就是pro原创 2021-09-10 21:46:39 · 1242 阅读 · 0 评论