推广 热搜: 音视频  使用  page  选择  搜索引擎  百度  企业  可以  个数  父亲 

一文详解如何创建Vue3项目及组合式API

   日期:2025-01-02     作者:hubinusb    caijiyuan   评论:0    移动:http://ww.kub2b.com/mobile/news/18992.html
核心提示:例如:随着前端领域的不断发展,vue3学习这门技术也越来越重要,很多人都开启了学习vue3的进程,本文就介绍了vue3的创建及组合式

例如:随着前端领域的不断发展,vue3学习这门技术也越来越重要,很多人都开启了学习vue3的进程,本文就介绍了vue3的创建及组合式api。

有四种办法可以进行vue3项目的创建

打开cmd,输入下面命令vue ui 

Vue 的组件可以按两种不同的风格书写:选项式 API组合式 API

传统OptionsAPI中,新增或者修改一个需求,就需要分别在data,methods,computed里修改 。传统的组件随着业务复杂度越来越高,代码量会不断的加大,整个代码逻辑都不易阅读和理解。

Vue3 组合式 API(Composition API) 主要用于在大型组件中提高代码逻辑的可复用性。Vue3 使用组合式 API 的地方为 setup。在 setup 中,我们可以按逻辑关注点对部分代码进行分组,然后提取逻辑片段并与其他组件共享代码。因此,组合式 API(Composition API) 允许我们编写更有条理的代码。

使用选项式 API,我们可以用包含多个选项的对象来描述组件的逻辑,例如 data 、 methods 和

mounted 。选项所定义的属性都会暴露在函数内部的 this 上,它会指向当前的组件实例。

setup() 钩子是在组件中使用组合式 API 的入口。

方式一

组件中所用到的:数据、方法等等,均要配置在setup中
1. 不要与Vue2.x配置混用
2. Vue2.x配置(data、methos、computed...)中可以访问到setup中的属性、方法。
3. 在setup中不能访问到Vue2.x配置(data、methos、computed...)。
4. 如果有重名, setup优先。

 方式二

以上就是今天要讲的内容,本文仅仅简单介绍了vue3组合的使用,vue3提供了大量能使我们快速便捷地创建项目的方法,基于webpack的脚手架,基于vite的创建工具

本文地址:http://ww.kub2b.com/news/18992.html     企库往 http://ww.kub2b.com/ ,  查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

 
 
更多>同类最新文章
0相关评论

文章列表
相关文章
最新动态
推荐图文
最新文章
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号