<test>
的组件。注意:这里的组件名、功能都是可以自定义的,按自己需求来取舍。
src
。src/view/test/main.vue
,用来运行自己定义的组件。src/view/components/test.vue
,我们将要编辑的组件。src/view/components/test.vue
// 这里的组成按照自己需求来
<template>
<div>
<van-button slot="button" color="red">btn1</van-button>
<van-button slot="button" color="blue">btn2</van-button>
</div>
</template>
<script>
import { Button } from 'vant'; // 使用到vant的Button
export default {
name: 'test', // 组件使用空间
components: {
[Button.name]: Button,
},
}
</script>
src/view/test/main.vue
import Test from './../components/test.vue';
export default {
components: {
Test,
},
}
<template>
<test></test>
</template>
<template>
<test></test>
</template>
<script>
export default {
components: {
Test,
},
}
</script>
目前还不能够实现传递参数,等学会之后会继续更新
本人学历有限,有问题的地方希望诸位给出指导,谢谢
本文地址:https://blog.csdn.net/weixin_44901846/article/details/107468488
如对本文有疑问, 点击进行留言回复!!
vue-cli或vue项目利用HBuilder打包成移动端app操作
网友评论