初识VUE3

1.VUE3官网

Vue.js - 渐进式 JavaScript 框架 | Vue.jsVue.js - 渐进式的 JavaScript 框架https://cn.vuejs.org/

2.通过Vite创建项目

全局安装vite

npm config set registry=https://registry.npmmirror.com 使用国内源

npm  install -g  vite@latest

Vite | 下一代的前端工具链下一代前端工具链https://cn.vitejs.dev/

2.1查看npm版本 (非必要)

npm --version8.15.0

2.2npm更新版本 (非必要)

$ npm install -g npm

3.创建项目

npm init vite@latest vue3demo -- --template vue-ts

4.vscode打开项目

运行命令

npm installnpm 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.生命周期钩子函数

组合式 API：生命周期钩子 | Vue.jsVue.js - 渐进式的 JavaScript 框架https://cn.vuejs.org/api/composition-api-lifecycle.html#onmounted