父组件

<template>

   <view>

      <assembly @submitToParent="submitToParent">

         <template v-slot:content>

            <p>插槽内容</p>

        </template>

      </assembly>

   </view>

</template>

<script>

import assembly from "./component/assembly";

export default {

   data() {

      return {

      };

   },

   methods: {

      submitToParent(data){}

   },

   components:{

      assembly

   }

};

</script>

<style lang="less" >

</style>

子组件

<template>

   <view>

      <view>头部</view>

	  <!-- 定义插槽 -->

      <slot name="content"></slot>

      <view>底部</view>

   </view>

</template>

<script>

export default {

	props:{

		A: Number,  // 基础类型检测 (`null` 意思是任何类型都可以)

		B: [String, Number，Array, Object，Boolean],   // 多种类型

		C: {  // 必传且是字符串

	      type: String,

	      required: true

		},

		D: {   // 数字，有默认值

		    type: Number,

		     default: 100

		},

		E: {   // 数组/对象的默认值应当由一个工厂函数返回

		  type: Object,

		  default: function () {

			return { message: 'hello' }

		  }

		},

		F: {   // 自定义验证函数

		  validator: function (value) {

			return value > 10

		  }

		}

	},

   data() {

      return {

      };

   },

   methods: {

      handleSubmit(data){

            this.$emit('submitToParent', data)

        }

   },

};

</script>

<style >

</style>

最新文章

1. yii获取当前url和域名
2. Hibernate操作指南-搭建一个简单的示例（基于Java Persistence API JPA）
3. css精灵动画
4. ubuntu修改主机名称
5. size_t
6. WEB 端批量移动设备管理控制工具 STF 的环境搭建和运行
7. JDK安装以及安装过程中出现的问题（日志二）
8. 64位windows8.1下安装 ImageMagick 总结
9. spring学习总结——装配Bean学习三（xml装配bean）
10. POI导入demo
11. nio编程
12. 2018年尚硅谷《全套Java、Android、HTML5前端视频》
13. 团体程序设计天梯赛(CCCC) L3012 水果忍者 上凸或下凹的证明
14. asp.net 导出excel--NPOI
15. JustOj 1929: 多输入输出练习1
16. The Little Prince-11/28
17. leecode第三十三题（搜索旋转排序数组）
18. 【Java】XML
19. [LeetCode&Python] Problem 541. Reverse String II
20. js 二进制操作

热门文章

1. strapi系列-如何创建一个定时任务-Cron Jobs
2. 使用linux命令直接在网上下载文件，解压，改名
3. 进阶技术:Linux Arm32是如何调用C Main的
4. MySQL的简单安装配置
5. VMware 虚拟机安装 OpenWrt 作旁路由 单臂路由 img 镜像转 vmdk 旁路由无法上网 没网络
6. Vue过滤案例、按键修饰符、数据双向绑定
7. Hystrix断路器
8. 微信小程序-【转发好友】以及中文标题乱码问题解决
9. STL中的智能指针(Smart Pointer)及其源码剖析： std::unique_ptr
10. Error querying database. Cause: java.sql.SQLSyntaxErrorException: Unknown column 'xxx' in 'where clause'