首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
vue
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
Vue3 函数式组件的开发方式
Vue3 函数式组件的开发方式,声明式组件和服务式组件无论是使用第三方组件库,还是自己封装组件,有一类组件有些与众不同,那就是函数式/服务式组件,比如Message消息组件、Notification通知组件、Loading加载组件等等。以ElementPlus组件库为例,大部分组件都是声明式的,比如:点击复制代码声明式组件和函数式组件,最大的不同就是渲染组件的方式,前者是声明式,后者是需要通过调用
137
代码人生
01-01 08:00
代码人生
vuecli externals
vuecli externals,externals干嘛用的webpack有写,自己理解下:就是改变包引用路径,开发和生产环境统统改变有效。比如importVuefrom'vue'默认来说引用‘vue’默认从node_modules里面找vue,但是vue.config.js配置了externals,就不去引用node_modules,转而去找public/index.html里面的cdn有关vu
88
代码人生
01-01 08:00
代码人生
vue2中keepalive手动清理内存,存在子路由内存无法回收的问题
vue2中keepalive手动清理内存,存在子路由内存无法回收的问题,起因近期客户经常反馈系统崩溃的问题,尤其是在下午最频繁,经过自己的自测,发现系统tab关闭后内存并没有回收掉,目前我已经处理了,tab页签关闭后,手动清理keep-alive内的缓存,应该不存在内存泄漏的情况,看来还有其他地方的缓存没有清理掉。定位问题1.还原场景公司项目是单页应用,所有的操作都在一个浏览器页签内操作,整个页面
141
代码人生
01-01 08:00
代码人生
vue3利用keepAlive缓存页面
vue3利用keepAlive缓存页面,场景介绍项目中经常会有这么一个需求,一个表单页面,可能需要跳转其他页面拿到对应的数据,再跳回表单页面,但是之前填写过的数据还在。而某些页面跳这个表单页面的时候,是不需要缓存,因为他是新增,如果是缓存的话,那么上次填的数据,下次进入这个表单页面的时候,那么数据还存在,明显不符合设计的要求。需求分析因为项目中使用的是vue3,所以对于页面缓存,第一时间想到就是利
157
代码人生
01-01 08:00
代码人生
vue 项目 权限管理, 按钮及菜单
vue 项目 权限管理, 按钮及菜单,宏观了解权限所谓权限,呈现给不同用户不同的视觉效果。举例:a,b,c三个用户登录进去,所呈现的菜单导航以及按钮不同。既然是在点击登录时触发。呢么就很简单,让后端去在登录接口里添加两个数组,导航数组,按钮数组。前段进行数据处理按钮呢通过jsindexOf处理,导航呢就要通过递归遍历再结合router的addRouter()来处理。再啰嗦一下,权限这种东西呢,后端
65
代码人生
01-01 08:00
代码人生
Vue 中 props 传值,父组件向子组件传递对象可以直接修改的问题
Vue 中 props 传值,父组件向子组件传递对象可以直接修改的问题,单项数据流vue中父子组件通信最常用的方式是props和$emit,所有的prop都使得其父子prop之间形成了一个单向下行绑定:父级prop的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外变更父级组件的状态,从而导致你的应用的数据流向难以理解。额外的,每次父级组件发生变更时,子组件中所有的prop都将会刷
58
代码人生
01-01 08:00
代码人生
Vue数据响应式
Vue数据响应式,1.如何追踪数据变化当把一个普通的JavaScript对象传入Vue实例作为data选项,Vue将遍历此对象所有的property,并使用Object.defineProperty把这些property全部转为getter/setter。这些getter/setter对用户来说是不可见的,但是在内部它们让Vue能够追踪依赖,在property被访问和修改时通知变更。每个组件实例都
54
代码人生
01-01 08:00
代码人生
Vue3.2 中的 setup 语法糖
Vue3.2 中的 setup 语法糖,vue3.2到底更新了什么?根据原文内容的更新的内容主要有以下5块:SSR:服务端渲染优化。@vue/server-renderer包加了一个ES模块创建,与Node.js解耦,使在非Node环境用@vue/serve-render做服务端渲染成为可能,比如(Workers、ServiceWorkers)。NewSFCFeatures:新的单文件组件特性。W
62
代码人生
01-01 08:00
代码人生
vue - 组件通信
vue - 组件通信,1.props/$emit适用范围:适合父子组件之间,组件层级嵌套太深,使用该方法较为繁琐,不建议使用;代码示例:image.png总结:props中接收到的值可以直接展示,但不建议直接对齐修改;如果父组件向子组件传递的值是通过接口获取的,可能会存在延迟的情况;2.provide/inject适用范围:适用于多层次组件嵌套,通过provide/inject的方式,可以较少值在
56
代码人生
01-01 08:00
代码人生
Vue3项目完整开发流程
Vue3项目完整开发流程,一、开发流程思维导图开发流程思维导图二、前期准备1、安装Nodejs1)nodejs下载地址,下载并安装2)确认已安装了node.js,可在cmd中输入(node-v和npm-v),如显示出版号,说明安装成功image.png2、搭建Vue项目(vue-cli和vite,2选1)1)搭建第一个vue-cli项目npminstall-g@vue/cli//全局安装vue-c
77
«
1
2
3
4
5
6
7
8
...
150
151
»