Vue笔记 (七) 组件化思想

Vue组件化

组件化是 Vue.js 中的重要思想，它提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用。任何的应用都会被抽象成一颗组件树：

注册组件的基本步骤(了解)

Vue.extend()这种写法在Vue2.x以后基本就很少见了，会直接使用语法糖，但内部还是这个原理。

全局组件和局部组件

当我们通过调用 Vue.component() 注册组件时，组件的注册是全局的，这意味着该组件可以在任意 Vue 实例下使用；如果我们注册的组件是挂载在某个实例中, 那么就是一个局部组件

注册组件语法糖和模板分离写法(了解)

1.注册组件语法糖（省去了调用extend的步骤，但在内部还是调用）

2.模板分离写法

• 使用<script>标签
  
• 使用<template>标签
  

为什么组件data必须是函数

组件是一个单独功能模块的封装，这个模块有属于自己的HTML模板。组件对象也有一个 data 属性，只是这个 data属性必须是一个函数，而且这个函数返回一个对象，对象内部保存着数据。

首先，如果不是一个函数，Vue直接就会报错；其次，Vue 让每个组件对象都返回一个新的对象，因为如果是同一个对象的，组件在多次使用后会相互影响