Vue 单页面组件

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

 <template>
    <div>
        <div v-if="aa != 1">{{aa}}</div>
        <ul v-else>
            <div>{{aa}}</div>
        </ul>
    </div>
</template>
<script>
export default {
    props: {
        obj: {
            type: Object,
            default: {}
        }
    },
    data() {
        return {
            aa: 0
        };
    },
    onLoad() {},
    created() {
        this.aa = 1;
    },
    methods: {}
};
</script>

<style lang="scss"></style>

如果 aa为1，就再套一个父元素ul,但是我这样写，就比较麻烦，有其他办法吗？？？