Vue——常用组件

 都要在头部导入包

1. 基础的基础

Component,Portlet


    
//自定义组件

Vue——常用组件_第1张图片

2. 局部的组件

Vue.js的组件不仅可以单独声明注册使用,还可以在Vue实例中进行局部注册使用


    

Vue——常用组件_第2张图片

3. 表行组件


    

最期待的游戏是:

编号 游戏名称

Vue——常用组件_第3张图片

4. 组件中的数据

为Vue.js组件添加数据,使组件可以动态显示各种数据,注意是数据函数,不是数据属性


    
今天的天气是

Vue——常用组件_第4张图片

5. 组件中的传递数据

可接受参数的组件


    

成绩评价

Vue——常用组件_第5张图片

6. 传递变量


    
请输入名字:

在这里插入图片描述在这里插入图片描述

7. 参数验证


    

身世之谜

Vue——常用组件_第6张图片

8. 事件传递

v-on 侦听组件事件,当组件出发事件后进行事件处理
$emit 触发事件,并将数据提交给事件侦听者


    

人生加法


{{result}}

Vue——常用组件_第7张图片
Vue——常用组件_第8张图片

9. slot插槽

slot是父组件与子组件的通讯方式,可以将父组件的内容显示在子组件当中

    
        
111111 222222 333333

在这里插入图片描述
组合slot
在子组件中通过为多个slot进行命名,来接受父组件的不同内容的数据


    
皮尔斯 雷阿伦 隆多

Vue——常用组件_第9张图片

你可能感兴趣的:(Vue,VUE)