- 博客(12)
- 收藏
- 关注
原创 Vue3.X中 ref属性剖析(一看就懂)
Vue3中的setup有什么优缺点?诱因首先 setup 函数有冗长返回语句的问题已经在 至于我们为什么要用 setup,我想既然同学们要了解 Vue 3,应该对这个大版本要做和已经的事情有一个更全面的认知:Vue 3 的任务是:补短板 + 提上限短板何在?在今天我们看到的大部分较大的国内互联网公司所提供的 Web 产品中,使用的构建框架都是 React,我自己是字节,而我惊奇的发现 VueConf 2021 上这么多位分享的大佬竟是出自我们这个用 React 更多的公司,有同学玩笑戏称“ 字节把
2021-11-28 22:01:59
2630
1
原创 VUE2常见的知识点(冲)
常规篇computed 和 watch 的区别和运用的场景?computed:是计算属性,依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值;watch:没有缓存性,更多的是「观察」的作用,类似于某些数据的监听回调 ,每当监听的数据变化时都会执行回调进行后续操作;当我们需要深度监听对象中的属性时,可以打开deep:true选项,这样便会对对象中的每一项进行监听运用场景:当我们需要
2021-11-28 21:24:59
242
原创 常用的js方法封装(27个)
1.输入一个值,返回其数据类型function type (para) { return Object.prototype.toString.call(para)}2. 数组去重// 方法一function unique1(arr) { return [...new Set(arr)]}// 方法二function unique2(arr) { var obj = {}; return arr.filter(ele => { if (!obj
2021-11-28 21:09:11
597
原创 用promise手写一个ajax
function getJson(url){ return new Promise((resolve, reject) =>{ var xhr = new XMLHttpRequest(); xhr.open('open', url, true); xhr.onreadystatechange = function(){ if(this.readyState == 4){ if(this.s
2021-09-12 19:59:13
195
原创 Vue 将扁平化数据转为树形图- filter方法
扁平化数据转为树形图 ElementUI 配合使用export function transTree(list) { // 定义储存树形图的空数组 const TreeList = [] // 传入对应的数组进行遍历 list.forEach(item => { // 将每一项都添加一个 children 进行遍历 item.children = [] // 判断是否有pid值 if (!item.pid) { // 没有pid值, pu
2021-09-01 15:55:35
508
原创 excel-导出
// 这种写法实际就是按需导入插件 this.downloadLoading = true // 这个插件默认不会在项目中导入, 只有点击按钮才开始去导入使用这个插件 // 返回的是 excel 里面的方法 import('@/vendor/Export2Excel').then(excel => { // 表头 const tHeader = ['Id', 'Title', 'Author', 'Readings...
2021-08-22 10:00:23
63
原创 Vue-前置守卫-包含白名单
import router from '@/router'import store from '@/store'// 创建白名单const widthList = ['/login', '/404']// 创建前置守卫router.beforeEach((to, from, next) => { // 获取token const token = store.state.user.token // 如果有Token if (token) { // 如果去的是登录页
2021-08-05 15:02:56
223
原创 学习笔记-Vue3基础
vue3的 优点最火框架 \ 性能提升 \ 体积更小 \ 类型推断 \ 高级给予 \ 组合API: 能够以更好的组织逻辑, 封装逻辑, 复用逻辑项目出口文件vue2导入app组件,导入构造函数,使用Vue舒适化vue实例,使用render使用App组件,挂载#app容器下基于Vue构造函数可以扩展vue功能vue3导入App组件,按需从vue导入createApp的函数,使用这个函数创建实例,挂载到#app容器中基于创建好的App实例扩展功能import { createApp }
2021-08-05 14:30:27
160
原创 Vue3api组件(1)
vue3的 优点最火框架 \ 性能提升 \ 体积更小 \ 类型推断 \ 高级给予 \ 组合API: 能够以更好的组织逻辑, 封装逻辑, 复用逻辑项目出口文件vue2导入app组件,导入构造函数,使用Vue舒适化vue实例,使用render使用App组件,挂载#app容器下基于Vue构造函数可以扩展vue功能vue3导入App组件,按需从vue导入createApp的函数,使用这个函数创建实例,挂载到#app容器中基于创建好的App实例扩展功能import { createApp }
2021-07-29 18:30:21
186
原创 Vuex-事件总线
事件总线1. 非父子组件至之间的通讯2. 组件的自定义书见,只能由自己来触发在A组件触发一个自定义事件(myEvent), 触发的时候可以传值, 参数是A组件数据在B组件出发绑定自定义事件(myEvent),事件的函数接受传参,参数=其A组件数据触发事件和绑定事件由另一个组件负责,A导入触发事件,B导入绑定事件, 满足自定义书见触发绑定条件我们称为`事件总结`或者 `eventBus`导出Vue实例, 专门绑定事件和触发事件,完成组件之间的数据通讯// 1. 导入一个Vue
2021-07-17 17:12:41
305
3
原创 Webpack安装及配置
webpack安装-D: --save-dev的简写,安装到开发依赖,不会被打包-S: --save的简写,安装到生产依赖,会被打包介绍webpack本质是 一个Node.js 第三方模块包, 用于分析, 并打包代码好处减少文件数量,体积,提高(网站)加载速度准备环境npm init // 初使话环境 npm i webpack webpack-cli -D // 安装包依赖 在package.JSON 中 配置scripts(自定义打包命令) "自定义命令":
2021-07-05 14:29:27
165
4
原创 ES6数组的使用方法
使用方法**箭头函数**扩展运算符**Promise****async&await****数组的常用方法****sort: 排序****Join****includes****forEach****filter****map****find****findIndex****some****every****reduce**箭头函数简写// 当参数只有一个,可以省略小括号// 当函数体只有一句代码,可以省略大括号,此时自带return功能let fn = str =>{ c
2021-07-05 11:25:26
150
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人