![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 98
詩筠
是假期模式的哥斯拉⁽⁽ (๑˃̶͈̀ ᗨ ˂̶͈́) ⁾⁾♡
展开
-
Vue3从零开始——带你轻松掌握组件的基本操作
组件是 Vue.js 中用于构建用户界面的独立、可复用的模块。组件允许开发者将应用程序的界面划分为多个独立的部分,每个部分对应一个功能或视图。这些部分可以独立开发、测试和维护,然后通过组合的方式构建复杂的界面。组件的本质是一个带有template、script 和styletemplate:定义了组件的结构和内容。script:包含组件的逻辑,如数据、方法和生命周期钩子。style:定义了组件的样式,可以使用 Scoped CSS 来确保样式仅作用于当前组件。原创 2024-08-15 20:12:45 · 1149 阅读 · 155 评论 -
Vue3从零开始——如何巧妙使用setup语法糖、computed函数和watch函数
setup 语法糖、computed 函数和watch 函数是 Vue 3 组合式 API 的核心特性,提供了更灵活和高效的方式来组织组件逻辑。本文我们详细讲解了setup 语法糖、computed 函数和watch 函数的基本使用语法和注意事项,通过合理使用这些特性,可以大大提升代码的可读性和可维护性。希望本文的内容对大家有所帮助☺️。Vue官网。原创 2024-08-11 20:18:09 · 1600 阅读 · 244 评论 -
Vue3从零开始——掌握setup、ref和reactive函数的奥秘
在 Vue 3 中,引入了组合式 API(Composition API),这使得开发者可以更灵活地组织代码逻辑,并提升了组件的复用性和可维护性。相比于 Vue 2 中的选项式 API,组合式 API 提供了一种更具功能性的方式来构建应用。主要优点:逻辑复用和组织:通过组合函数可以更清晰地组织代码逻辑,避免在生命周期函数中写大量逻辑。更好的 TypeScript 支持:组合式 API 天然地支持 TypeScript,这使得类型推断和类型检查变得更加轻松。性能优化。原创 2024-08-07 20:03:28 · 3635 阅读 · 247 评论 -
Vue3从零开始:基础语法、数据绑定与事件处理
Vue.js 是由尤雨溪(Evan You)在 2014 年创立的一个渐进式 JavaScript 框架。Vue.js 旨在通过简单易用的 API 和灵活的架构来帮助开发者构建用户界面。2014 年 2 月:Vue.js 1.0 发布,迅速受到开发者社区的关注。2016 年 10 月:Vue.js 2.0 发布,引入了虚拟 DOM 和更高效的渲染机制,使得性能大幅提升。2020 年 9 月。原创 2024-08-04 16:07:55 · 1672 阅读 · 207 评论