vue系列4:vue组件和模块

1、vue组件和模块的区别

什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可;
组件化和模块化的不同:

  • 模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一;
  • 组件化: 是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用;

2、组件创建方式1


  

3、组件的创建方式2


  

4、组件的创建方式3


  

5、组件中的data和methods


  

6、组件-why components data must be a function


  


7、组件切换方式一


  

  

8、组件切换方式二


  

  

9、父组件向子组件传值


  

10、父组件把方法传递给子组件


  

11、组件案例------评论列表


  
  • 评论人: {{ item.user }} {{ item.content }}

12、ref获取DOM元素和组件


  

哈哈哈, 今天天气太好了!!!


你可能感兴趣的:(vue系列4:vue组件和模块)