vue3
文章平均质量分 75
以实战为线索,逐步深入Vue开发各个环节,掌握前端常用性能体现优化思路
龙雨溪 彩色之外
vue3-directive-tools、vue3-loading-plug、progress-scroll 滚动进度可视化 作者,CSDN 高质博主之一。
吾山拔地三千尺,凌空耸翠一万年。Three thousand feet above the ground, ten thousand years in the sky.
展开
-
Vue3 中 reactive 和 ref 和 toRefs
reactive的值直接写在template,也是不及时更新的。toRefs可以将reactive解构出来的变量转换成ref。如果用到reactive,是无法实现响应式效果的。原创 2023-01-31 11:00:57 · 1933 阅读 · 1 评论 -
Vue3 项目实战 —— 后台管理系统( pc端 ) —— 动态多级导航菜单顶部侧边联动
Vue3项目实战 —— 后台管理系统( pc端 ) —— 动态多级导航菜单顶部侧边联动原创 2023-01-20 11:07:57 · 4467 阅读 · 8 评论 -
【提高代码可读性】—— 手握多个代码优化技巧、细数哪些惊艳一时的策略
代码优化对象策略原创 2022-12-14 23:45:00 · 571 阅读 · 4 评论 -
Vue3通讯 常规写法、语法糖、v-modle、兄弟通讯
Vue3 组件通讯原创 2022-12-02 17:26:41 · 396 阅读 · 0 评论 -
Vite + Vue3 + TS 封装axios + 封装loading + 封装返回顶部
目前为止我们实现了 axios封装 loading 封装 返回顶部封装!本人亲测保证能用,最后祝大家2022越来越强原创 2022-07-21 15:11:39 · 7286 阅读 · 6 评论 -
Vite + Vue3 + Ts 《企业级项目》二次封装 el-table、el-pagination、el-tooltip、el-dialog
封装的功能有哪些?分页、表格排序、文字居中、溢出隐藏、操作列、开关、宽、最小宽、type类型(selection/index/expand)、格式化 、不同页面不同操作列、vuex、vue持久化插件、(此处没有接口所以用到,还涉及了query与params传值区别)子组件说思路:data数据请求接口拿到,表头数据一般也是后台接口,如没,前台可自定义自己写......原创 2022-07-05 11:36:20 · 2868 阅读 · 0 评论 -
快下班了我用 《Vue3 封装了一个input框》
快来封装一个input,试试奥,加油,3月8日女神节愉快!原创 2022-03-08 09:11:25 · 787 阅读 · 0 评论 -
同事都说我卷,趁着午休我 —— 彻底熟练使用《Vue3的选项APi》
我们先来研究一个setup函数的参数,它主要有两个参数:第一个参数:props第二个参数:contextprops非常好理解,它其实就是父组件传递过来的属性会被放到props对象中,我们在setup中如果需要使用,那么就可以直接通过props参数获取:另外一个参数是contextattrs:所有的非prop的attribute;slots:父组件传递过来的插槽emit:当我们组件内部需要发出事件时会用到emit原创 2022-02-22 20:13:55 · 1587 阅读 · 3 评论 -
计算属性 + Vue2 、Vue3 wacth + 过滤器
我热爱 vue.js , ElementUI , Element Plus 相关技术栈,我的目标是给大家分享最实用、最有用的知识点,希望大家都可以早早下班,并可以飞速完成工作,淡定摸鱼????。你可以在csdn关注我:活在风浪里,也可以在快手里找到我:张坤【视频达人】。希望大家在 2022 变得更强。...原创 2021-12-05 15:25:52 · 1051 阅读 · 1 评论 -
Vue3 写项目 技术选型全家桶 移动端购物车+引用动画库+多选删除+筛选
前言:没有线上网址,所以我模拟了JSON,小伙伴可以根据自己需要,去调节,仅供参考写的很好简介:移动端购物车,时间原因我没配置rem, 大家除夕快乐可以考古之前的,有详细讲打包,各种配置配置rem 有编辑、单选、全选、筛选.....原创 2022-01-31 16:37:38 · 2687 阅读 · 1 评论 -
Vue3封装axios
axios 封装原创 2021-12-08 22:17:43 · 474 阅读 · 0 评论 -
生命周期Vue2 / Vue3区别 (11个)
vue 生命周期原创 2021-12-06 16:24:38 · 824 阅读 · 1 评论 -
Vue3封装input组件
第一步在components文件夹中 创建一个myInput.vue文件 <template> <div> <input type="text" :value="modelValue" @input="iptChange"> </div> </template><script>import { ref } from 'vue'export default { props: {原创 2021-11-30 11:13:25 · 2450 阅读 · 0 评论