Vue
文章平均质量分 80
稗子酒
浅浅写写东西吧!!!
展开
-
Vue3的常用api
首先,在文章正式开始之前,让我们回忆一下vue2的相关特点在vue2中,我们会在data里面去定义响应式数据,来对数据进行保存,在methods里面,我们一般会写方法去进行对数据的增删改查,这一种方法我们将其称为Options Api(选项api),但是在vue3中,我们会使用Composition Api(组合api),这两种有什么区别和好处呢?放一张图,可以更深刻的去理解两者有什么异同,vue3有什么好处.什么是选项API写法:Options ApI咱们在vue2.x项目中使用的就是原创 2022-04-22 20:28:30 · 5901 阅读 · 0 评论 -
聊聊vue路由的两种模式
1.hash模式特点:在url地址上有#号实现的原理:原生的hasChange事件来实现,来监听hash值的变化window.onhaschange=function(){}刷新页面的时候:不会去发送请求,页面不会有任何问题,不需要后端来配合2.history模式特点:在url地址上没有#号,比较与hash模式看起来好看一些实现的原理:利用的是history的api 来实现的 popState() 来实现的刷新页面的时候:会去发送请求然后会导致页面出现找不到的情况,需要后端来原创 2022-04-13 16:45:32 · 969 阅读 · 0 评论 -
浅聊下后台管理系统权限控制的实现思路
总览:总的思路来讲实现权限控制分为页面的权限以及页面按钮的权限,页面权限可以简单理解为哪些页面这个用户可以看见,哪些页面用户不能看见,按钮权限同理,哪些按钮用户可以看见,哪些按钮用户看不见,为什么不直接做成禁用按钮呢?试想一下,页面里面的按钮都让你看见了,你偏偏点不了,还给它禁用了,干脆直接眼不见心不烦,不同的用户对应的权限点不一样,所以可以看见的页面也就不一样,看到页面一样了,但是有的用户页面有这个按钮,有的用户则没有,这就是权限控制的思路所在.详解之页面权限:先说下页面权限的实现思路,每一个原创 2022-04-11 20:04:14 · 1898 阅读 · 2 评论 -
自己封装一个简易版Day.js
知识点回顾:1.getFullYear() 获取年2.getMonth()获取月3.getDate()获取日4.getHours()获取小时5.getMinutes()获取分钟6.getSeconds()获取秒7.getDay()获取星期8.Vue.filter()过滤器的使用9.padStart(2, 0) 字符串方法 对不满两位的在开头进行补零10.padEnd(2, 0)字符串方法 对不满两位的在结尾进行补零知识点回顾完毕 思路分析1.需要对拿到的源头数原创 2022-04-06 14:11:36 · 1032 阅读 · 0 评论 -
Vue注册组件的几种方式,你都知道吗?
在开发中,经常需要将业务进行组件化,我们就需要去注册组件,下面列举几种常用的注册组件的方法 局部注册组件 1.首先需要将要注册的组件进行引入2.在script标签中进行注册,注意:组件注册的名字和引入的名字需要保持一致即可进行简写3.在template标签中以html的标签格式进行使用 全局注册组件 1.全局入口在main.js, 在new Vue之上注册2.将要注册的组件进行引入3. 全局 - 注册组件 语法:Vue.component("组...原创 2022-04-06 13:49:06 · 16452 阅读 · 0 评论 -
Vue基础-07
Day-071. Vuex 是什么Vuex 是 vue 项目中实现大范围数据共享的技术方案。 作用:能够方便、高效地实现组件之间的数据共享。使用 Vuex 的好处① 数据的存取一步到位,不需层层传递② 数据的流动非常清晰③ 存储在 Vuex 中的数据都是响应式的2. 在项目中安装和配置 Vuex① 前期的准备:安装 Vuex 的依赖包② 封装 Store 模块③ 导入并挂载 Store 的实例对象安装 Vuex 的依赖包运行如下的 npm 命令,在..原创 2022-03-20 14:34:30 · 7618 阅读 · 1 评论 -
Vue基础-06
Day-061.路由-是什么路径和组件的映射关系2.路由-为何用单页面应用(SPA): 所有功能在一个html页面上实现前端路由作用: 实现业务场景切换优点: 整体不刷新页面,用户体验更好 数据传递容易, 开发效率高 缺点: 开发成本高(需要学习专门知识) 首次加载会比较慢一点。不利于seo 3.路由-vue-router介绍官网: Vue Routervue-router模块包它和 Vue.js 深度集成可以定义 - 视图表(映原创 2022-03-20 11:23:09 · 52 阅读 · 0 评论 -
Vue基础-05
Day-051.组件-插槽vue提供组件插槽能力, 允许开发者在封装组件时,把不确定的部分定义为插槽需求: 以前折叠面板案例, 想要实现不同内容显示, 我们把折叠面板里的Pannel组件, 添加组件插槽方式语法口诀: 组件内用<slot></slot>占位 使用组件时<Pannel></Pannel>夹着的地方, 传入标签替换slot 03/Pannel.vue - 组件views/03_UserSlot..原创 2022-03-19 10:01:47 · 141 阅读 · 0 评论 -
Vue基础-04
Day-041.Vue-生命周期人的生命周期一组件从 创建 到 销毁 的整个过程就是生命周期2.Vue-钩子函数作用: 特定的时间点,执行特定的操作场景: 组件创建完毕后,可以在created 生命周期函数中发起Ajax 请求,从而初始化 data 数据分类: 4大阶段8个方法 初始化 挂载 更新 销毁 下图展示了实例的生命周期。你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。...原创 2022-03-18 16:28:39 · 622 阅读 · 0 评论 -
Vue基础-03
Day-031.组件-为何用各自独立, 便于复用2.组件_概念组件化 :封装的思想,把页面上 可重用的部分 封装为 组件,从而方便项目的 开发 和 维护一个页面, 可以拆分成一个个组件,一个组件就是一个整体, 每个组件可以有自己独立的 结构 样式 和 行为(html, css和js)3.组件_基础使用口诀: 哪部分标签复用, 就把哪部分封装到组件内==(重要): 组件内template只能有一个根标签====(重要): 组件内data必须是一个函数, 独立作用域==原创 2022-03-18 16:17:30 · 55 阅读 · 0 评论 -
Vue基础-02
Day-021.Vue基础_v-for更新监测口诀:数组变更方法, 就会导致v-for更新, 页面更新数组非变更方法, 返回新数组, 就不会导致v-for更新, 可采用覆盖数组或this.$set()这些方法会触发数组改变, v-for会监测到并更新页面 push() pop() shift() unshift() splice() sort() reverse() 这些方法不会触发v-for更新 sl.原创 2022-03-18 15:33:01 · 51 阅读 · 0 评论 -
Vue基础-01
本文将vue基础分为七个小的章节来介绍vueDay-01在正式进入vue框架学习之前 需要先安装如下几个工具 方便开发与调试必安装:vue-devtools谷歌浏览器的插件 - 学习, 调试vue必备之利器 - 官方提供的呦vscode-插件补充vue文件代码高亮插件-vscode中安装代码提示插件-vscode中安装1.Vue-是什么概念==渐进式==javacript==框架==, 一套拥有自己规则的语法官网地址: Vue.js (作者: 尤雨..原创 2022-03-18 14:47:14 · 108 阅读 · 0 评论