tab点击切换，简单实例

<template>
    <div class=" padding-50 tabchange" style="color:yellow;">
        <ul class="title-ul clearfix">
            <li class="title-lists active">tab1</li>
            <li class="title-lists ">tab2</li>
            <li class="title-lists ">tab3</li>
        </ul>
        <ul class="content-ul clearfix">
            <li class="content-lists active">内容1</li>
            <li class="content-lists">内容2</li>
            <li class="content-lists">内容3</li>
        </ul>

    </div>
</template>

<script>
export default {
   
    methods: {
   
        tabchanges(){
   
            var parent = document.querySelector('.tabchange');
            var tabtitle=parent.querySelectorAll