Vue3总结篇上(看完你就学会整个Vue3)

本文介绍了Vue3的安装过程,包括Node环境和vue-cli的安装,以及如何使用脚手架创建Vue3项目。接着讲解了Vue3的响应式特性,如reactive、toRefs、ref和计算属性,并涉及v-if、v-for指令。此外,还提到了生命周期、模板引用、watch以及Props的使用。最后,鼓励读者点赞支持。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.安装

1.node安装(前端开发环境)

打开node官网:https://nodejs.org/zh-cn/

下载node并安装(安装vue3建议node在10.0版本以上)。

输入node -v可显示node版本 

2.vue-cli脚手架安装(脚手架一键搭建项目)

全局安装npm install -g @vue/cli

出现版本号表示安装完成了, 如下显示安装成功

输入Vue -V可显示脚手架版本 

3.创建一个项目

vue create    portal(自定义名称 )  创建一个项目

选择Vue3模板并确定

等待项目创建和依赖下载

创建完成 ,进入目录,启动项目 :cd portal ;npm run serve 

浏览器查看项目 :ctrl+单击网址

4.这是项目目录,到这里我们就创建了一个vue3的demo项目了,但是这还远远不够,接下来我们还需要集成elementui-plus,vue-router,vuex和less&nbs

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值