组件代码如下:
<template>
<div class="test1 test2">{{test}}</div>
</template>
<script>
export default {
data () {
return {
test : '123123123'
}
}
}
</script>
<style>
</style>
首页代码:
<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view>
<text class="title">{{title}}</text>
</view>
<test></test>
</view>
</template>
<script>
import test from './test.vue';
export default {
components: {
test
},
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
}
}
</script>
但是到了微信小程序解析的时候,组件里的div样式都被解析了两遍,每个样式被写成了两次。