Vue CLI 和自定义组件简介

1 分钟

虽然可以在一个 JavaScript 文件中创建整个 Vue.js 应用程序，但只能在小型应用程序中管理它。为了支持将应用程序分解为较小的单元，Vue 使你能够创建组件。组件是可重用的构建基块，你可以基于组件创建应用程序。

可以将组件创建为 JavaScript 文件，或通过扩展名为 .vue 的单文件组件来创建组件。单文件组件使用浏览器无法读取的专用语法。必须将此语法转换为相应的 JavaScript、HTML 和 CSS 语法。将专用语法转换为浏览器可读取的内容的过程称作“捆绑”，这需要额外的工具，例如 webpack。

幸运的是，Vue 还提供了可用于启动应用程序的命令行接口 (CLI)。 CLI 配置所有必备工具，包括捆绑程序和开发服务器。

本模块介绍如何执行以下操作：

使用 Vue CLI 创建应用程序。
创建单文件组件。
使用属性将值传入组件。

先决条件：

基本了解 Vue.js
了解 HTML 和 CSS
JavaScript 知识
熟悉 Vue.js 指令
Visual Studio Code
Node.js

注意

要获取本模块的解决方案代码，你可以通过在命令窗口或终端窗口中运行以下命令来克隆存储库：

git clone https://github.com/MicrosoftDocs/mslearn-vue-components
cd mslearn-vue-components/end
code .

继续

Vue CLI 和自定义组件简介

反馈