父组件的传给子组件的自定义事件以短横形式命名,例如:@my-click 子组件声明该自定义事件时为 myClick 事件可以正常触发。
首先,我们需要了解Vue 2Vue 3之间的主要区别。Vue 3相对于Vue 2有很多改进和新特性,例如Composition API、更好的TypeScript支持、更小的体积等。
原创 2024-01-21 00:25:19
1337阅读
vue,还是选择vue-use好点。VueUse 是一个基于 Composition API 的实用函数集, 与 Composition API 的配合相得益彰。可以省下很多事。
原创 2022-07-25 23:17:27
549阅读
【代码】vue2升级vue3中v-model的写法改造。
v-for 中的 Ref 数组在tsx如何获取?this $refs gridlayout $children[index]; 在tsx 实现的解决方案
原创 精选 2022-07-30 23:14:52
399阅读
如果你vue2的代码不是使用类组件(大部分应该都是vue-class-component vue-tsx-support ,官方停摆了,再次diss vue),而是使用@vue composition-api,那么用上Vue Demi 吧。
原创 2022-07-25 23:28:00
587阅读
Vue3 removed $on, $off and $once methods from the instance completely $emit is still a part of the existing API as it s used to trigger event handlers declaratively attached by a parent component
原创 2022-06-21 20:30:58
850阅读
the Class API proposal is being dropped。之前class components组件升级vue3,还是用composite api重头再来^
原创 2022-06-21 20:42:45
686阅读
Vue3(其实从2 6开始)中引入了一个新的指令v-slot,用来表示具名插槽和默认插槽,可以在slot容器上使用v-slot来表示一个传入组件的插槽,通过指令参数来表示插槽的名称。 vue template中的slot插槽如何在JSX中实现呢?
原创 2022-06-21 19:58:54
671阅读
虽然vite 很香,但是vite rollup 动态加载,多页面 等问题比较难搞。webpack vue3需要升级的npm 包有:vue-loader vue-template-compiler "
原创 2022-06-21 20:51:56
689阅读
vue2 x挂载全局是使用Vue prototype $xxxx=xxx的形式来挂载,在vue3 x这种方法显然是不行了,vue3中在setup里面我们都获取不到this,官方提供了globalProperties
原创 2022-07-25 23:09:32
561阅读
vue2 动态组件加载,this $createElement非常好使!return this $createElement(chartPanel, {props:{}}),但是到vue3如何操作呢?
原创 2022-06-21 20:47:14
2895阅读
插槽的作用让用户可以拓展组件,去更好地复用组件和对其做定制化处理。Vue 实现了一套内容分发的 API,将 <slot> 元素作为承载分发内容的出口,这是 vue 文档上的说明。具体来说,slot 就是可以让你在组件内添加内容的‘空间’。父组件在引用子组件时希望向子组价传递模板内容 <p> 测试一下吧内容写在这里了能否显示 </p>子组件让父组件传过来的模板内容
原创 2022-06-23 10:29:03
329阅读
备注:部分升级时遇到的问题简单整理(后续补充)一)部分方法转化:参考(升级指南:https://gogocode.io/zh/docs/vue/vue2-to-vue3)(1)Filters(过滤器在vue3中已经废弃)全局混入的过滤器将filters转化成方法(methods)  ②局部过滤器就在当前页面进行转化成方法(避免方法重名)也可以转换成计算属性; (2) 需要注意的是 在vue2项目中
转载 2024-08-15 01:45:41
197阅读
h 函数本质就是 createElement() ,h函数其实是createVNode的语法糖,返回的就是一个Js普通对象。在createVNode API 在创建Vnode的时候,会对Vnode的props、children、ref、class、style等属性进行规范梳理或者合并。
原创 2022-07-25 23:33:51
4922阅读
今年年初,尤大大公布了一个重磅消息,将Vue3作为Vue的默认版本。这无疑不是对我们开发人员的内卷煽风点火!vue默认版本改动意味着,官方将会把Vue研发重心放到vue3上,vue2也开始走下坡路,至于淘汰过时只是时间问题了。从而周边生态、组件、插件等都会以vue3为默认版本重点关注,vue2中的组件插件库将会慢慢得不到维护与迭代更新,因此,我们不得不跟上时代的步伐,转战vue3 ~接下来手把手带
转载 2023-11-09 22:37:14
80阅读
当掌握了Hook(或者Composition API)之后,感觉万物皆可hook,总是想把数据和操作这堆数据的方法封装在一起!
原创 2023-01-25 23:18:02
571阅读
相同的钩子,如果在setup里写了,配置项里也写了,setup里的钩子先执行。
原创 2024-05-29 10:37:38
82阅读
使用 ts 的情况下,挂载完全局变量后,在 vue 文件中,通过 this 对象 出来不来提示的。
原创 2022-06-21 20:22:48
510阅读
vue3 composition api 监听路由变化:onBeforeRouteUpdate、router.afterEach、 watch( () => route.params,()=>{})
原创 2022-07-25 23:00:00
1652阅读
  • 1
  • 2
  • 3
  • 4
  • 5