uni-app关于vuejs组件化的问题

分类：uni-app

uni统计 JavaScript

在进行uni-app的开发的时候，关于vue组件模块化
说明：在定义首页的时候，因为页面过于长和复杂，所以比较喜欢模块化处理。
1：我定义了一个分类组件category.vue.
2：然后把category.vue在我的首页index.vue进行模块化处理，确实也能包含进来：

    <view class="swiper-item" style="background-color: #FFFFFF;"><category></category></view>

3：但是问题来了，在子组件中category.vue中出现了我定义自己的数据作用域，无法在自己模板中获取自己的数据

<template>  
    <view class="">  
        {{title}}-----------------这里拿不到。  
    </view>  
</template>  

<script>  
    export function(){  
        data:{title:"haha"}  
    }  
</script>

4：非得一定要在index.vue中去定义数据才行。
5：结论：感觉组件就是一个静态页面的包含，没有自己的数据处理。

2018-10-15 12:17 负责人:无分享

5 个回复

Trust - 少说废话

麻烦上传一下完整demo，方便测试并确认下，感谢配合。

kekesam (作者)

category.vue

<template>  
    <view>  
        <h1>{{name}}</h1>  
    </view>  
</template>  

<script>  
    export default {  
        data:{  
            name:"我是一个帅哥!!!"'//------------------这里永远都拿不到  
        }  
    }  
</script>  

<style>  

</style>

index.vue

<template>  
    <view class="content">  
        <text class="title">{{title}}</text>  
        <category></category>---------------------------这里包含进来的。  
    </view>  
</template>  

<script>  
    export default {  
        data: {  
            title: 'Hello',  
            name:"我是一个臭逼"-----------------------这里能拿到  
        }  
    }  
</script>

但是只能拿到index,vue的数据，自己模板里面的视而不见。