2022-07-27

vue基础学习笔记

组件化，既然是笔记，那么就不拖泥带水了，都是一些必须要掌握的知识点，今天的内容就是组件化：

什么是组件化呢？

这听起来会让我们想到模块化编程，这里提到一点，他们是不一样的，怎么不一样呢？咱们遇到再说，知道大家知道不是同一个东西就可以了；组件化就是将一个大的项目分成一个个小的项目去完成：

组件化一般结构

这期就简单介绍一下哈，组件呢一般是用在我们有很多重复代码的时候，比如想那种淘宝的卖货页面，那些一个一个的货物界面其实都是一个小组件，我们制作类似的页面的时候就要想到用组件制作，我就直接可以省好多事；

组件化的学习有下面几块：

分块学习

先让大家看看组件代码：

   

   

   

   

   

 

这个一个一个的template标签就是一个组件的模板，很多重复的代码放在里面，可以看到我没有把他们放在body里面显示出来，而是直接使用了它们的id注册的标签，这些标签也是具有属性的，所以有一些数据不一样的话就就是使用这些属性进行更改；

这是基本使用，而组件的重中之重就是父子组件之间的关系，其实主键是由自己的作用域的，它们与其他组件或者是vue实例是独立开来的，当然你也可以将vue实例看成是一个组件，是一个最外边的组件，父子组件只有可以通信才能改变数据，它们怎么通讯咱们后面讲，这一期先到这。