![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 70
田七三两
这个作者很懒,什么都没留下…
展开
-
Vue3 中使用 ECharts 图表库
【代码】Vue3 中使用 ECharts 图表库。原创 2023-10-07 22:50:17 · 451 阅读 · 1 评论 -
封装 input 框组件
封装 input 框组件1. 可以使用 input 的原生属性disabled :禁用输入框maxlength:输入长度限制v-model:双向绑定2. 一键清空给清除按图标加 v-if 指令,当输入框中存在内容则显示给图标元素绑定点击事件,点击触发输入框的 value=‘’只在 text、textarea3. 输入框大小size:big,default,small,默认 default,4.文本域高度自适应autosize:接收 boolean 或对象接收一个包含最原创 2023-09-20 12:02:47 · 104 阅读 · 1 评论 -
Vue 生命周期
Vue 生命周期一、生命周期钩子二、各生命周期发生的事三、各生命周期钩子的使用场景四、数据请求在 created 和 mouted 的区别一、生命周期钩子序号生命周期vue2vue3(选项式)vue3(组合式)1组件创建前beforeCreatebeforeCreatesetup2组件创建完成createdcreatedsetup3组件挂载前beforeMountbeforeMountsetup4组件挂载完成mountedmoun原创 2023-09-20 08:25:41 · 63 阅读 · 1 评论 -
script setup API
在中,任何以 v 开头的驼峰式命名的变量都可以被用作一个自定义指令指令钩子 (可选)序号指令钩子作用1created组件创建完成时调用2组件挂载前调用3mounted组件挂载完成时调用4组件更新前调用5updated组件更新完成时调用6组件卸载前调用7unmounted组件卸载完成时调用。原创 2023-09-15 14:15:50 · 68 阅读 · 0 评论 -
Vue2 与Vue3 响应式原理
Vue2与Vue3的响应式区别原创 2023-09-14 09:50:16 · 52 阅读 · 1 评论 -
vue3 script setup 响应式:核心
(5) 可以为 .value 赋予新的值,它也是响应式的,即所有对 .value 的操作都将被追踪,并且写操作会触发与之相关的副作用。(2) 参数:基本数据类型或复杂数据类型(复杂数据类型推荐使用 reactive)(4) 此对象只有一个指向其内部值的属性 .value。(3) 返回值:一个响应式的、可更改的 ref 对象。(1) 创建一个 ref 对象。原创 2023-08-31 14:21:40 · 78 阅读 · 0 评论 -
<script setup> 生命周期 API
【代码】<script setup> 生命周期 API。原创 2023-08-23 19:51:20 · 315 阅读 · 0 评论 -
Vue $emit 子组件向父组件传递数据
(4) 父组件通过 v-on (缩写为 @) 来监听事件。(3) 触发子组件事件时,调用刚才声明的自定义事件。(5) 当父组件监听到子组件的自定义事件。(1) 在子组件中声明自定义事件。触发时,触发监听事件里的回调函数。(2) 给子组件绑定一个事件。原创 2023-07-28 17:10:11 · 192 阅读 · 1 评论 -
Vue3 选项式的状态选项
【代码】Vue3 选项式。原创 2023-07-26 15:26:36 · 107 阅读 · 1 评论 -
使用vite创建项目
使用vite创建项目原创 2023-07-04 18:13:08 · 5299 阅读 · 0 评论