Vue2 零基础入门 Vue2 零基础入门第三天 3.4 vue组件

Vue2 零基础入门

Vue2 零基础入门第三天

老师：黑马程序员

3 Vue基础入门(续)

3.4 vue组件

3.4.1 什么是组件化开发

组件化开发指的是：根据封装的思想，把页面上可重用的 UI 结构封装为组件，从而方便项目的开发和维护。

3.4.2 vue中的组件化开发

vue 是一个支持组件化开发的前端框架。

vue 中规定：组件的后缀名是 .vue。

3.4.3 vue组件的三个组成部分

每个 .vue 组件都由 3 部分构成，分别是：

• template -> 组件的模板结构
• script -> 组件的 JavaScript 行为
• style -> 组件的样式

其中，每个组件中必须包含 template 模板结构，而 script 行为和 style 样式是可选的组成部分。

【template】

vue 规定：每个组件对应的模板结构，需要定义到