VUE创建播发器组件并调用

首先用vue-cli创建前端项目

参考:https://www.cnblogs.com/ouyangkai/p/11549290.html

新建play.vue文件

VUE创建播发器组件并调用_第1张图片

编写play组件



View Code

以上代码直接复制保存即可

 

 引用组件,在app.vue 中的 script 导入组件,并且在components中声明

 

在app.vue  template 里面的div 里面添加自定义play组件

 

运行项目:npm run dev

成功引用!

你可能感兴趣的:(VUE创建播发器组件并调用)