首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue3
活力小柯
创建于2022-04-21
订阅专栏
跟着小满学vue3的心路历程
等 5 人订阅
共23篇文章
创建于2022-04-21
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
学习Vue3 第二十六章(深入v-model)
小彩蛋Vue3自动引入插件 unplugin-auto-import/vite vite配置 配置完成之后使用ref reactive watch 等 无须import 导入 可以直接使用 GitHu
学习Vue3 第二十五章(TSX)
我们之前呢是使用Template去写我们模板。现在可以扩展另一种风格TSX风格 vue2 的时候就已经支持jsx写法,只不过不是很友好,随着vue3对typescript的支持度,tsx写法越来越被接
学习Vue3 第二十三章(依赖注入Provide / Inject)
Provide / Inject 看一个例子 父组件传递数据 子组件接受 使用场景 当父组件有很多数据需要分发给其子代组件的时候, 就可以使用provide和inject。 转载自:https://b
学习Vue3 第二十二章(transition-group过度列表)
单个节点 多个节点,每次只渲染一个 那么怎么同时渲染整个列表,比如使用 v-for?在这种场景下,我们会使用 <transition-group> 组件。在我们深入例子之前,先了解关于这个组件的几个特
学习Vue3 第二十一章(transition动画组件)
Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡: 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 自定义
学习Vue3 第二十章(keep-alive缓存组件)
内置组件keep-alive 有时候我们不希望组件被重新渲染影响使用体验;或者处于性能考虑,避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就需要用到keep-alive组件
学习Vue3 第十九章(Teleport传送组件)
Teleport Vue 3.0新特性之一。 Teleport 是一种能够将我们的模板渲染至指定DOM节点,不受父级style、v-show等属性影响,但data、prop数据依旧能够共用的技术;类似
学习Vue3 第十八章(异步组件&代码分包&suspense)
异步组件 在大型应用中,我们可能需要将应用分割成小一些的代码块 并且减少主包的体积 这时候就可以使用异步组件 顶层 await 在setup语法糖里面 使用方法 <script setup> 中可以使
学习Vue3 第十七章(插槽slot)
插槽就是子组件中的提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。 匿名插槽 1.在子组件放置一个插槽 父组件使用
学习Vue3 第十六章(动态组件)
什么是动态组件 就是:让多个组件使用同一个挂载点,并动态切换,这就是动态组件。 在挂载点使用component标签,然后使用v-bind:is=”组件” 用法如下 引入组件 通过is 切换 A B 组
学习Vue3 第十五章(全局组件,局部组件,递归组件)
配置全局组件 例如组件使用频率非常高(table,Input,button,等)这些组件 几乎每个页面都在使用便可以封装成全局组件 案例------我这儿封装一个Card组件想在任何地方去使用 使用方
学习Vue3 第十四章(父子组件传参)
父组件通过v-bind绑定一个数据,然后子组件通过defineProps接受传过来的值, 如以下代码 给Menu组件 传递了一个title 字符串类型是不需要v-bind 传递非字符串类型需要加v-b
学习Vue3 第十一章(认识watchEffect高级侦听器)
watchEffect 立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数。 如果用到message 就只会监听message 就是用到几个监听几个 而且是非惰性 会默认调用
学习Vue3 第十章(认识watch侦听器)
监听Ref 案例 监听多个ref 注意变成数组啦 监听Reactive 使用reactive监听深层对象开启和不开启deep 效果一样 案例2 监听reactive 单一值 转载自:https://b
学习Vue3 第九章(认识computed计算属性)
computed用法 计算属性就是当依赖的属性的值发生变化的时候,才会触发他的更改,如果依赖的值,不发生变化的时候,使用的是缓存中的属性值。 1 函数形式 2 对象形式 computed购物车案例 转
学习Vue3 第八章(认识to系列全家桶)
toRef toRefs toRaw toRef 如果原始对象是非响应式的就不会更新视图 数据是会变的 如果原始对象是响应式的是会更新视图并且改变数据的 toRefs 可以帮我们批量创建ref对象主要
学习Vue3 第七章(认识Reactive全家桶)
reactive 用来绑定复杂的数据类型 例如 对象 数组 reactive 源码约束了我们的类型 他是不可以绑定普通的数据类型这样是不允许 会给我们报错 数组异步赋值问题 这样赋值页面是不会变化的因
学习Vue3 第六章(认识Ref全家桶)
ref 接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有个 .value property,指向该内部值。 案例 我们这样操作是无法改变message 的值 应为message
学习Vue3 第五章(Vue核心虚拟Dom和 diff 算法)
为什么要学习源码 1.可以提升自己学习更优秀的API设计和代码逻辑 2.面试的时候也会经常问源码相关的东西 3.更快的掌握vue和遇到问题可以定位 介绍虚拟DOM 虚拟DOM就是通过JS来生成一个AS
学习Vue3 第四章(模板语法 & vue指令)
模板插值语法 在script 声明一个变量可以直接在template 使用用法为{undefined{变量名称}} 模板语法是可以编写条件运算的 运算也是支持的 操作API 也是支持的 指令 阻止表单
下一页