VUE组件化

1 组件化开发思想（what?)

组件表示可重用的模块

Vue核心特性：数据驱动(MVVM)、组件化、指令，其中就包含了组件化思想

Vue是完全支持组件化开发的框架。后缀名为.vue,像我们知道的App.vue就称为根组件。

---

2 vue组件的构成

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

template---->组件的模板结构（其实就是HTML)

script----->组件的JavaScript行为

style------>组件的样式

每个组件必须要包含template模板结构，就好比HTML结构是必要的，其他的则可省略

注意：在 vue3.x 的版本中，<template>中支持多个根节点，即<div>容器

（1）组件的script节点

通过 export default 向外导出一个对像 { }，在对象里面声明 name、data、methods等节点

结构 name : ' 字符串 ' ,

其中data指向了一个函数，函数里才return出一个对象，

methods指向一个对象，在这个对象里存在事件处理函数，

（2）组件的style节点

style用于编写样式美化结构，其中的lang="css"是可选的，还支持less、scss等