Vue 3.0

最新推荐文章于 2024-03-22 13:44:45 发布

weixin_47424753

最新推荐文章于 2024-03-22 13:44:45 发布

阅读量99

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/weixin_47424753/article/details/119713676

版权

前端专栏收录该内容

16 篇文章 1 订阅

订阅专栏

本文档详细介绍了如何在PowerShell下利用Vite初始化并运行一个仅支持Vue3.0的项目。首先通过npm创建项目，然后安装依赖，接着在index.html中设置挂载点，最后在main.js中导入并渲染App.vue组件。Vue3.x允许定义多个根节点，简化了项目搭建流程。

摘要由CSDN通过智能技术生成

1. 创建 vite 的项目(仅仅支持Vue3.0)

//powerShell下
npm init vite-app 项目名称
cd 项目名称
npm install
npm run dev

//index.html页面预留el区域
<body>
  <div id="app"></div>
  <script type="module" src="/src/main.js"></script>
</body>

//在 main.js 中进行渲染    按照 vue 3.x 的标准用法，把 App.vue 中的模板内容渲染到 index.html 页面的 el 区域中
// 1. 按需导入 createApp 函数
import { createApp } from 'vue'
// 2. 导入待渲染的 App.vue 组件
 import App from './App.vue'

// 3. 调用 createApp 函数，创建 SPA 应用的实例
const app = createApp(App)

// 4. 调用 mount() 把 App 组件的模板结构，渲染到指定的 el 区域中
app.mount('#app')