1、创建components,文件下创建组件,如test.vue
<template>
<view>
<text>我是组件,获取传入的参数值{{num}}</text>
</view>
</template>
<script>
export default {
props: [num]
}
</script>
<style lang="scss">
// 组件样式
</style>
2、创建页面,调用组件
// 使用
<template>
<test :num="num"></test>
</template>
// 引入组件
import test '@/components/test.vue'
export default {
data(){
return {
num: 8
}
},
// 注册组件
components:{
test
}
}