1.VUE3官网
https://cn.vuejs.org/
2.通过Vite创建项目
全局安装vite
npm config set registry=https://registry.npmmirror.com 使用国内源
npm install -g vite@latest
安装vite前要先查看镜像源地址并使用国内镜像源地址
//查看镜像源地址
npm config get registry
//更换国内镜像源地址
npm config set registry=https://registry.npmmirror.com
VUE3官网
2.1查看npm版本 (非必要)
npm --version
8.15.0
2.2npm更新版本 (非必要)
$ npm install -g npm
3.创建项目
npm init vite@latest vue3demo -- --template vue-ts
4.vscode打开项目
文章来源:https://www.toymoban.com/news/detail-835965.html
4.1运行命令
npm install
npm run dev
5.总结->整体运行步骤:
1. npm install -g vite@latest
2. npm init vite@latest 项目名称 -- --template vue-ts
3. cd 到项目目录之后运行:
4. npm install
5. npm run dev
6.使用组件
<template>
<MyComponent />
</template>
<script setup>
import MyComponent from './MyComponent.vue'
</script>
7.生命周期钩子函数
https://cn.vuejs.org/api/composition-api-lifecycle.html#onmounted文章来源地址https://www.toymoban.com/news/detail-835965.html
到了这里,关于初识VUE3的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!