vue组件定义、组件的切换、组件的通信

匿名 (未验证) 提交于 2019-12-02 23:43:01

全局定义的是挂在构造函数Vue上面的,所以实例化出的对象都可以使用这个功能

1、什么是组件?---从UI的角度把页面拆分成不同的部分,组件的优势:可复用,能够拆分vue实例代码,保证代码的可读性

 

  模块化和前端组件化的区别:一个是从功能上拆分一个是从ui角度去拆分

2、定义vue组件

  全局组件定义的3种方式

  

  私有组件的定义

    使用的是components来定义私有组件

    

    

    

4、组件的切换

   

    改造:如下

    

    

    组件切换的动画

    

 5、组件之前的传值问题

    

    

    正确用法:

    

    

    注意:props数组里的值都是从父组件里传递过来的,只能是小写,只读不可改

    父组件向子组件传递事件---注意传递的是方法不是方法的结果,所以不要小括号

    

6、复习

  

  

  

  

  

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!