题外话:好久没更新了,媳妇生了孩子,白天上班晚上带娃,根本没有学习更新的时间,还真是少壮不努力 老大徒伤悲,年轻的朋友们,趁年轻真的得多学一点东西,特别现在这个就业环境,难绷...
![240](https://upload.jianshu.io/users/upload_avatars/28226194/a7d717a9-fb1b-4dea-a075-de2ea59c3048.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
题外话:好久没更新了,媳妇生了孩子,白天上班晚上带娃,根本没有学习更新的时间,还真是少壮不努力 老大徒伤悲,年轻的朋友们,趁年轻真的得多学一点东西,特别现在这个就业环境,难绷...
Vue 内置的一系列指令,比如v-html,v-if等等,我们也可以使用自定义的指令。 使用 指令钩子 一个指令的定义对象可以提供几种钩子函数 (都是可选的),其实一般情况下...
基本用法 在大型项目中,我们可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件,就需要使用defineAsyncComponent这个API。也就是说当我们需要用...
含义 简而言之,就是父组件提供的插槽内容(Click me)替换插槽出口(slot) 默认插槽 具名插槽 动态插槽 作用域插槽 插槽的内容无法访问到子组件的状态,如果需要访问...
透传的情况 没有被该组件声明为 props 或者 emits 的attribute,例如class,id等 v-on绑定的监听器(事件)第1种透传情况(class,id等):...
使用 用过vue的我们应该都知道,v-model可以在组件上使用以实现双向绑定。 但是如果我们需要在自定义组件上面使用v-model该如何处理呢? 修饰符 我们都知道v-mo...
通常在项目中,页面都是由很多个组件组成的,那么组件之间的通信(传值)我们该如何处理呢,我们通常采用如下方案处理: 父传子-Props 小细节:虽然理论上你也可以在向子组件传递...
虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作,但在某些情况下,我们仍然需要直接访问底层 DOM 元素。要实现这一点,我们可以使用特殊的ref。
计算属性-computed:仅会在其响应式依赖更新时才重新计算 1、模板中的表达式虽然方便,但模板中写太多逻辑,会让模板变得臃肿,难以维护。2、computed具有缓存作用。...
ref:Ref 可以持有任何类型的值,包括深层嵌套的对象、数组或者 JavaScript 内置的数据结构 reactive:另一种响应式状态,它有一定的局限性,后面会列举 r...
这里基于组合式 API的生命周期与vue2中的生命周期对比: 对比图(常用) vue2.xvue3.xbeforeCreatesetupcreatedsetupbeforeM...
在vue3中的组合式 API中,和vue2的写法已经完全不一样了,列如: 由于我们每次写的时候要写在setup生命钩子里面,还得return,比较繁琐,所以这个时候setup...
不知道各位是否还记得,我们在说【Vue3之Pinia(一)】中曾说过,那个写法对应的是option store写法,并留下一个伏笔。本节我们就来说说这个伏笔——setup s...
书接上回,我们说到了Pinia的Action,本次我们来讲Pinia的Getter... 定义Getter 使用Getter
由于之前安装nvm,所以把之前装的node给卸载了,之后使用nvm的时候,发现vue3的项目启动不了了,报错如下: 其中有个错误信息是Error: Cannot find m...
什么是nvm? nvm就是node的版本管理器,nvm可以快速安装不同版本的node.js并且可以快速切换。 需要注意什么? 确保之前你没有安装过node.js,如果安装过,...
书接上回,我们说到如何修改store的值:1.通过store.的方式直接修改2.通过store.$patch()方法...这次咱们接着说 Action 状态管理,作者认为mu...
在Vue3中,状态管理工具更加偏向于Pinia,虽然Pinia即支持Options API,也支持Composition API。但我个人倾向于Vue2或者Vue3的Opti...
在项目中,你可能遇到这样的问题,使用别人封装的框架中的某个组件,但是你无法改动,但是想往组件里面添加一点自己的东西,这个时候你可能需要用到Vue的挂载,下面仅作学习,不正确之...
如果您不打算开发大型单页应用,使用 Vuex可能是繁琐冗余的。那么我们什么时候该用到Vuex呢? 当项目中有多个共享的状态,便于维护(非父子通信) 缓存部分异步数据,减少后端...