vue3从零开始——掌握setup、ref和reactive函数的奥秘
2024-08-10在 Vue 3 中,引入了组合式 API(Composition API),这使得开发者可以更灵活地组织代码逻辑,并提升了组件的复用性和可维护性。相比于 Vue 2 中的选项式 API,组合式 API 提供了一种更具功能性的方式来构建应用。主要优点:逻辑复用和组织:通过组合函数可以更清晰地组织代码逻辑,避免在生命周期函数中写大量逻辑。更好的 TypeScript 支持:组合式 API 天然地支持 TypeScript,这使得类型推断和类型检查变得更加轻松。性能优化。
关于在vue3中使用Svg绘制柱状统计图
2024-09-01使用svg绘制柱状统计图的方法_vue3使用svg画简单图形
vue3长列表优化,使用vue-virtual-scroller实现直播间弹幕列表虚拟滚动效果
2024-09-01但是需要注意:获取DynamicScroller这个组件的时候,要使用document.getElementById('liveMsg')这种形式,不能使用ref这种,因为ref获取到的并不是一个html元素,没有scrollTop方法,所以无法滚动到底部。这三个组件区别是滚动每一项高度是固定的还是动态的,Recycle就是固定的高度,Dynamic是动态的,动态的话,必须要包含DynamicScrollerItem。_vue3 vue-virtual-scroller
Vue 3 中,组件间传值有多种方式
2024-09-01在 Vue 3 中,组件间传值有多种方式,以下是几种常见的方式_vue3组件传值
Vue - vue-waterfall-plugin 瀑布流组件(Vue2 vue3)
2024-09-01vue-waterfall-plugin 瀑布流组件有Vue2和vue3版本,支持 PC 和移动端自适应,支持 animate.css 的所有动画效果,支持图片懒加载,可自定义卡片之间间距、卡片入场动画和延迟时间等。_vue-waterfall-plugin-next
Vue 3 中引入图片的方法
2024-09-01在 Vue 3 中引入图片的方式与 Vue 2 有所不同,主要是因为 Vite 的使用。通过上述方法,你可以轻松地在 Vue 3 应用中引入和使用图片资源。无论你是需要引入静态图片还是动态加载图片,都可以找到适合的方法。希望这篇文章对你有所帮助!如果你有任何疑问或需要进一步的信息,请随时提问。_vue3引入图片
vue3 ts 引入 json-editor-vue3 报错
2024-09-01报错内容 SyntaxError: The requested module '/node_modules/jsoneditor/dist/jsoneditor.min.js?v=00499bcc' does not provide an export named 'default' (at json-editor.vue:2:8)2. 声明d.ts文件 文件内容。_vue3-ts-jsoneditor
vue3:自定义组件使用v-model
2024-09-01首先,在自定义组件里,得有一个名为modelValue的属性,当modelValue变化的时候,触发update:modelValue事件,把新值传给父组件。父组件调用子组件,特别注意,这里不需要@update之类的了。组合式API写法,modelValue前面要加props。_vue3 v-model自定义组件
第六节:带你全面理解vue3 浅层响应式API: shallowRef, shallowReactive, shallowReadonly
2024-09-01本章主要给大家讲解创建浅层响应式数据的 API, 即`shallowRef`, `shallowReactive`, `shallowReadonly`_shallowref
vue3解析markdown文件为html并且高亮显示代码块
2024-09-01本文主要记录了vue3项目里怎么引入解析markdown文件为html,并且高亮显示代码块。(vue3 vite marked highlight.js)。希望能给有这方面需求的伙伴们带来不同的思路_vue3 markdown