自定义组件
1、首先在components
文件夹下新建一个vue
文件,components
是默认放置组建的目录。
<template>
<view class="test">
<text>{
{
child}}</text>
</view>
</template>
<script>
export default {
data() {
return {
child: '这是子组件的值'
};
},
methods: {
}
}
</script>
2、在页面中引用自定义的组件,在page
目录下首页index.vue
文件中使用组件
- 引入组件:
import test from '../../components/test.vue'
- 在
components
注册组件 - 在页面通过标签使用组件(标签名必须和引入的文件名一致)
<template>
<view class="demo">
<test></test> <!--使用组件-->
</view>
</template>
<script>
import test from '../../c