vue3
养只猫
这个作者很懒,什么都没留下…
展开
-
vue3 hook简单封装
vue3最新鲜的就是组合式API了,通过组合式API我们可以把一些复杂的逻辑或一些常用的逻辑封装成一个个hook来进行调用,这样的方式也更易于维护。使用import useTest from "../../hooks/useTest";export default defineComponent({ name: "vue3Test", setup: () => { let refTest = ref(111); // 单个值用ref const { testHoo原创 2021-05-08 15:05:28 · 3501 阅读 · 0 评论 -
vue3组件封装
vue2和vue3的组件封装还是有区别。父组件和vue2基本相同<!-- :onClick通过props传入回调不传参有默认参数e,@handleClick通过emit传递没有默认参数 --><components-test @handleClick="testFn" :onClick="testFn" :name="refTest"/><script lang="ts">import componentsTest from "../..原创 2021-05-08 14:55:50 · 6697 阅读 · 0 评论 -
vue3学习小结
目录闲谈对比vue和react生命周期setup总结闲谈今年的学习计划终于到了vue3了。自从上家公司入职之后有一年没有使用vue开发项目了,之后基本都是用的react来进行项目的开发。由于vue更新了vue3版本一方面为了提升自身的竞争力,另一方面也是对于升级之后的vue3比较充满期待。对比vue和react使用react开发了一年半左右在回头来看vue,react有两种组件模式来进行开发函数式组件和class组件官方更推荐使用函数式组件。函数式组件确实开发起来比较纯原创 2021-05-08 14:27:51 · 498 阅读 · 2 评论