哗拓教育

搜索

您的当前位置：首页正文

工程化开发 & 脚手架 Vue CLI

来源：哗拓教育

开发 Vue 的两种方式：

1. 核心包传统开发模式：基于 html / css / js 文件，直接引入核心包，开发 Vue。

2. 工程化开发模式：基于构建工具（例如：webpack ) 的环境中开发 Vue。举例如下图

脚手架目录文件介绍

项目运行流程

组件化开发 & 根组件

普通组件的注册使用

1. 局部注册：只能在注册的组件内使用

① 创建 .vue 文件 (三个组成部分)

② 在使用的组件内导入并注册

使用：

◆ 当成 html 标签使用 `<组件名></组件名>`

注意:

◆ 组件名规范 → 大驼峰命名法，如：HmHeader

2. 全局注册：所有组件内都能使用

① 创建 .vue 文件 (三个组成部分)

② main.js 中进行全局注册

使用：

◆ 当成 html 标签使用 `<组件名></组件名>`

注意:

◆ 组件名规范 → 大驼峰命名法，如：HmHeader

技巧：

◆ 一般都用局部注册，如果发现确实是通用组件，再定义到全局。

因篇幅问题不能全部显示，请点此查看更多更全内容

Top