Vue3
文章平均质量分 89
孙先森428
这个作者很懒,什么都没留下…
展开
-
Vue-Router4 入门
vue-router4的用法原创 2023-06-29 17:51:42 · 538 阅读 · 1 评论 -
Web Components与Vue3
什么是 Web Components,如何在Vue中使用原创 2023-05-20 16:15:18 · 715 阅读 · 0 评论 -
Vue3:自定义指令
每个自定义指令的定义对象都提供几个钩子函数,类似组件生命周期函数:// 在绑定元素的 attribute 前 // 或事件监听器应用前调用 created(el , binding , vnode , prevVnode) {// 下面会介绍各个参数的细节 } , // 在元素被插入到 DOM 前调用 beforeMount(el , binding , vnode , prevVnode) {原创 2023-04-19 17:55:44 · 1180 阅读 · 0 评论 -
Vue3: v-model
Vue 有一些内置的修饰符,比如 .trim、.lazy 和 .number。在某些场景下,我们可以使用自定义修饰符。我们在组件上的 v-model中使用修饰符时,父组件会向子组件传递 一个props:,这个属性名也是固定的,这个属性是一个对象,我们可以在这个对象中访问到这个修饰符。这个props默认是一个空对象。比如下面的栗子中,modelModifiers的值是 {capitalize: true},我们可以通过判断这个修饰符对应的属性值,对modelValue进行一些操作。})原创 2023-04-18 16:29:55 · 16817 阅读 · 4 评论 -
Vue3响应式原理
响应式是一种可以使我们声明式地处理变化的编程范式。举个栗子,在excel表格中,A3中的值是由A1和A2中的值相加而来,如果改变A1和A2中的值,A3则会自动计算。在js中怎么实现呢?我们需要定义一个函数update(),其中会返回A1和A2的和。这个update函数就被称为副作用effect,而其中用到的A1和A2则被视为这个作用的依赖。然后我们要在依赖变化时,调用这个副作用函数。如何知道依赖变化了呢?JavaScript 中有两种劫持 property 访问的方式:getter。原创 2023-03-23 12:10:54 · 232 阅读 · 0 评论 -
Vue3入门(基础篇)
vue3较vue2新增的方法和组件原创 2023-03-15 17:26:57 · 935 阅读 · 0 评论