![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
唯爱赞多
学习学习别想玩
展开
-
el-cascader实现懒加载多个接口
级联选择器懒加载多接口原创 2023-02-22 10:49:59 · 622 阅读 · 1 评论 -
vue实现多个小球碰撞反弹效果
实现多个小球碰撞反弹效果转载 2022-06-27 14:05:43 · 903 阅读 · 0 评论 -
vue 销毁弹窗内引入的组件
当遇到关闭弹出框时,再次点开,弹出框内组件内容数据没有清空时应用show为弹窗显示隐藏值原创 2022-06-21 13:50:33 · 364 阅读 · 0 评论 -
elementUI的树----树与表单结合
elementUI的树树与表单结合原创 2022-03-03 11:31:16 · 1066 阅读 · 0 评论 -
vue自定义指令
注册一个自定义指令有全局注册与局部注册全局注册主要是通过Vue.directive方法进行注册Vue.directive第一个参数是指令的名字(不需要写上v-前缀),第二个参数可以是对象数据,也可以是一个指令函数// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() // 页面加载完成之后自动让输入转载 2021-11-29 19:16:05 · 74 阅读 · 0 评论 -
keep-alive
是什么内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们include - 字符串或正则表达式。只有名称匹配的组件会被缓存exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存max - 数字。最多可以缓存多少组件实例设置了 keep-alive 缓存的组件,会多出两个生命周期钩子(activated与deactivated):首次进入组件时:beforeRouteEnter > beforeCre转载 2021-11-29 19:04:07 · 75 阅读 · 0 评论 -
vue图片懒加载整理
图片或者其他资源进入可视区域后加载添加链接描述感觉比较全原创 2021-11-19 12:57:50 · 303 阅读 · 0 评论 -
vue项目布局自适应
添加链接描述添加链接描述原创 2021-11-14 19:41:50 · 814 阅读 · 0 评论 -
v-if和v-show
控制手段不同show隐藏是➕display:none,dom还在if是将dom元素整个删除和添加编译过程不同show简单的基于css切换if切换有局部编译/卸载过程,切换过程中合适地销毁和重建内部的事件监听和子组件编译条件不同if是真正的条件渲染,条件为假不做操作show由false转为true 不会触发组件生命周期性能消耗:if有更高切换消耗,show有更高初始渲染消耗...原创 2021-11-02 08:56:01 · 130 阅读 · 0 评论 -
vue插槽slot
当使用该组件标签时候,组件标签里面的内容就会自动填坑(替换组件模板中slot位置),作为承载分发内容的出口slot插槽向组件内部指定位置传递内容,完成这个复用组件在不同场景的应用默认插槽 父组件在使用的时候,直接在子组件的标签内写入内容即可具名插槽 子组件用name属性来表示插槽的名字 父组件中在使用时在默认插槽的基础上加上slot属性,值为子组件插槽name属性值作用域插槽 子组件在作用域上绑定属性来将子组件的信息传给父组件使用,这些属性会被挂在父组件v-slot接受的对象上父组件中在使用.原创 2021-11-02 08:53:54 · 120 阅读 · 0 评论 -
vue组件通信、vuex方案怎么用?
概念组件通过某种方式传递信息达到某个目的解决了什么每个组件之间的都有独自的作用域,组件间的数据是无法共享的但实际开发工作中我们常常需要让组件之间共享数据目的要让它们互相之间能进行通讯,这样才能构成一个有机的完整系统组件间通信的分类父子组件之间的通信兄弟组件之间的通信祖孙与后代组件之间的通信非关系组件间之间的通信组件间通信的方案通过 props 传递通过 $emit 触发自定义事件使用 refEventBusparent或parent 或parent或rootattrs转载 2021-11-02 08:40:22 · 175 阅读 · 0 评论 -
vue 的diff算法
是什么diff 算法是一种通过同层的树节点进行比较的高效算法特点:比较只会在同层级进行, 不会跨层级比较在diff比较的过程中,循环从两边向中间比较diff 算法在很多场景下都有应用,在 vue 中,作用于虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较比较方式深度优先,同层比较...转载 2021-11-02 08:00:35 · 206 阅读 · 0 评论 -
实现一个SPA
原理监听地址栏中hash变化驱动界面变化用pushsate记录浏览器的历史 驱动界面发送变化实现hash模式核心通过监听url中的hash来进行路由跳转// 定义 Router class Router { constructor () { this.routes = {}; // 存放路由path及callback this.currentUrl = ''; // 监听路由change调用转载 2021-11-01 08:20:38 · 148 阅读 · 0 评论 -
vue项目创建过程 安装包指令收集
npm install sass-loader@7.3.1 --save-dev 直接安装可能会因为版本过高问题报错原创 2021-07-27 21:31:17 · 209 阅读 · 0 评论 -
error ‘res‘ is defined but never used no-unused-vars
添加注释:// eslint-disable-line no-unused-vars原创 2021-07-24 14:40:53 · 1066 阅读 · 0 评论