首先我们要先知道什么是组件化,为什么要组件化

1.任何一个人处理信息的逻辑能力都是有限的

 

2.面对问题,我们不太可能一次搞定一大堆的内容。

所以我们将一个页面中所有的处理逻辑全部放在一起,会特别复杂,也不利于管理和扩展,在这个理论上我们可以将一个页面拆分成一个小小的功能块,

每个功能块完成属于自己这部分独立的功能,那么整个页面的管理和维护也就容易了。

 vue组件应用以及功能_组件化

 

 vue组件应用以及功能_组件化_02

 

 vue组件应用以及功能_组件化_03

 

 注册组件步骤解析

vue组件应用以及功能_组件化_04

 

 模板的分离写法:

一使用<script>标签

vue组件应用以及功能_功能块_05

 

 二使用<template>标签

vue组件应用以及功能_数据_06

 

 组件数据的存放:

vue组件应用以及功能_功能块_07