1.什么是组件化?
组件化开发 指的是:根据 封装 的思想, 把页面上可重用的 UI 结构封装为组件 ,从而方便项目的开发和维护。
2.什么是Vue组件
组件是Vue中的一个重要概念,是一个可以重复使用的Vue实例,它拥有独一无二的组件名称,它可以扩展HTML元素,以组件名称的方式作为自定义的HTML标签。因为组件是可复用的Vue实例,所以它们与new Vue()接收相同的选项,例如data,computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样根实例特有的选项。
template属性是Vue组件中的一个必需属性,它定义了组件的模板,也就是说组件显示在页面中的内容。
2.组件的组成:
组件的组成部分:每个组件有三个部分组成template Script style
template是组件的基本结构
script 是组件的JavaScript行为
style 是组建的样式
其中每个组件必须包含template部分其余两项为可选
script中的语句必须被包裹在export default{}中;