

首页  思维导图  详情



Vue3新文档-1.2快速开始

2022-04-08 15:18:57   9  举报





AI智能生成

模版推荐

作者其他创作

大纲/内容

采用构建工具

线上构建

可以通过 StackBlitz 在线使用单文件组件尝试 Vue

https://vite.new/vue

本地构建

命令行运行：npm init vue@latest

这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具

然后进入项目目录，分别执行npm install和npm run dev

当你准备将应用发布到生产环境时，运行npm run build

此命令会在 ./dist 文件夹中为你的应用创建一个生产环境的构建版本

不使用构建工具

在 HTML 文件中引入

分支主题

该版本的所有 API 都暴露在了全局变量 Vue 上

为保持一致性，可以直接在代码中导入 &apos;vue&apos;

例如

{ &quot;imports&quot;: { &quot;vue&quot;: &quot;https://unpkg.com/vue@3/dist/vue.esm-browser.js&quot; } }

注意点

importmap是一浏览器原生功能，目前只有基于 Chromium 的浏览器支持导入映射表

不支持导入映射表的浏览器，使用 es-module-shims 来进行 polyfill

基于导入映射表的配置仅用于学习

通过 HTTP 提供服务

我们可能需要将代码分割成单独的 JavaScript 文件，以便更容易管理

为了使其工作，需要通过 http:// 协议为你的 HTML 提供服

在 HTML 文件所在文件夹下运行 npx serve

也可以使用其他任何可以基于正确的 MIME 类型服务静态文件的 HTTP 服务器

下一步

继续阅读该指南

该指南会带你了解框架的每个方面的细节

https://staging-cn.vuejs.org/guide/essentials/application.html

尝试教程

适合喜欢边动手边学的读者

https://staging-cn.vuejs.org/tutorial/

查看示例

浏览核心功能和常见用户界面的示例

https://staging-cn.vuejs.org/examples/

 Collect

Get Started

assignment3-1.2

 Collect

Get Started

Vue3流程执行图

 Collect

Get Started

vue3挂载和更新流程

 Collect

Get Started





0 条评论

下一页