vue3
文章平均质量分 69
星月前端
记录前端学习笔记
展开
-
Vue3VideoPlay+vue3+ts封装一个视频播放组件
Vue3VideoPlay+vue3+ts封装一个视频播放组件原创 2022-10-23 22:36:46 · 2746 阅读 · 7 评论 -
vue3组件小结table案例经典!
这篇文章介绍vue组件总结的一个table案例!主要实现axios请求数据,然后渲染到页面,删除当前列表,以及Tag标签,按钮和输入框按需展示,按键修饰符等等。。。看完不会你打我。哈哈哈,开玩笑的,不多说,上刺刀!!原创 2022-08-22 14:46:21 · 2397 阅读 · 0 评论 -
vue3自定义指令看完就入门
这篇文章介绍vue组件中的自定义指令!看完不会你打我。哈哈哈,开玩笑的,不多说,上刺刀!!原创 2022-08-22 07:00:00 · 3691 阅读 · 0 评论 -
vue3插槽、具名插槽、作用域插槽-足够入门了
vue3插槽、具名插槽、作用域插槽-足够入门了!原创 2022-08-21 22:22:09 · 8514 阅读 · 1 评论 -
vue3ref引用以及$nextTick()
vue3ref引用以及$nextTick()。ref 用来辅助开发者在不依赖于 jQuery 的情况下,获取 DOM 元素或组件的引用。每个 vue 的组件实例上,都包含一个 $refs 对象,里面存储着对应的 DOM 元素或组件的引用。默认情况下,组件的 $refs 指向一个空对象。✨个人笔记博客✨星月前端博客✨原创不易,还希望各位大佬支持一下✏️评论,你的意见是我进步的财富!原创 2022-08-21 21:35:30 · 1054 阅读 · 0 评论 -
vue中 toFixed() 以及 :disabled 的用法
vue中 toFixed() 以及 :disabled 的用法原创 2022-08-19 15:39:43 · 3336 阅读 · 2 评论 -
vue3中全局配置axios
vue3中全局配置axios。在实际项目开发中,几乎每个组件中都会用到 axios 发起数据请求。此时会遇到如下两个问题:① 每个组件中都需要导入 axios(代码臃肿)② 每次发请求都需要填写完整的请求路径(不利于后期的维护)...原创 2022-08-18 07:00:00 · 6403 阅读 · 19 评论 -
vue3组件之间的数据共享武装到牙齿篇
vue3组件之间的数据共享武装到牙齿篇原创 2022-08-17 23:56:55 · 1856 阅读 · 0 评论 -
vue3---watch侦听器总结太到位了!
vue3---watch侦听器总结太到位了!watch 侦听器允许开发者监视数据的变化,从而针对数据的变化做特定的操作。例如,监视用户名的变化并发起请求,判断用户名是否可用。✨个人笔记博客✨星月前端博客✨原创不易,还希望各位大佬支持一下✏️评论,你的意见是我进步的财富!......原创 2022-08-17 16:45:39 · 1677 阅读 · 4 评论 -
vue3事务管理案例、组件基础总结案例
vue3事务管理案例、组件基础总结案例。用到的知识点:① vite 创建项目;② 组件的封装与注册;③ props;④ 样式绑定;⑤ 计算属性;⑥ 自定义事件;⑦ 组件上的 v-model;原创 2022-08-17 02:59:21 · 1075 阅读 · 7 评论 -
v-model实现父子互传数据
vue---v-model实现父子互传数据.v-model 是双向数据绑定指令,当需要维护组件内外数据的同步时,可以在组件上使用 v-model 指令。原创 2022-08-16 14:52:56 · 3554 阅读 · 1 评论 -
vue3---自定义事件
vue3---自定义事件.在封装组件时:① 声明自定义事件② 触发自定义事件在使用组件时:③ 监听自定义事件2.1count组件}2.2count组件methods:{add(){}}2.3在使用自定义的组件时,可以通过 v-on 的形式监听自定义事件。自定义事件传参,在调用 this.$emit() 方法触发自定义事件时,可以通过第 2 个参数为自定义事件传参。app根组件...原创 2022-08-16 13:57:26 · 6123 阅读 · 5 评论 -
vue---十分钟搞懂vue计算属性
计算属性本质上就是一个 function 函数,它可以实时监听 data 中数据的变化,并 return 一个计算后的新值,供组件渲染 DOM 时使用。✨个人笔记博客✨星月前端博客✨原创不易,还希望各位大佬支持一下✏️评论,你的意见是我进步的财富!......原创 2022-08-16 11:44:21 · 4053 阅读 · 1 评论 -
vue3---props验证
这篇文章介绍vue组件基础中的props验证,文章持续输出中!废话不多说,直接上刺刀!!1. 什么是 props 验证指的是:在封装组件时对外界传递过来的 props 数据进行合法性的校验,从而防止数据不合法的问题。...原创 2022-08-16 00:32:15 · 3513 阅读 · 0 评论 -
vue3---组件基础(上)保姆级篇
关于 vue3 基础学习,前面两篇博客讲了单页面应用程序、vite 的基本使用。这期就来一篇多一点的吧!这期主要内容有:组件化开发思想、vue 组件的构成、组件的基本使用、封装组件的案例。看完这些,砸门也就详细了解什么是组件了。废话不多说,直接上刺刀!!组件化开发指的是:根据封装的思想,把页面上可重用的部分封装为组件,从而方便项目的开发和维护。ibootstrap - Bootstrap可视化布局系统所展示的效果,就契合了组件化开发的思想。.........原创 2022-08-15 15:55:20 · 10710 阅读 · 11 评论 -
vue3---vite的基本使用
在工程化的项目中,vue 要做的事情很单纯:通过 main.js 把 App.vue 渲染到 index.html 的指定区域中。③ main.js 把 App.vue 渲染到了 index.html 所预留的区域中。assets 目录用来存放项目中所有的静态资源文件(css、fonts等)index.html 是 SPA 单页面应用程序中唯一的 HTML 页面。src 是项目的源代码目录(程序员写的所有代码都要放在此目录下)index.css 是项目的全局样式表文件。......原创 2022-08-15 13:24:12 · 3956 阅读 · 1 评论 -
vue3---单页面应用程序
单页面应用程序(英文名:Single Page Application)简称 SPA,顾名思义,指的是一个 Web 网站中只有唯一的一个 HTML 页面,所有的功能与交互都在这唯一的一个页面内完成。原创 2022-08-15 13:08:52 · 913 阅读 · 2 评论