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等