SOURCE

new Vue({
  el: "#app",
  data: {
    vaule: '',
    musics: [{
      music: '云野',
      tag: ['好妹妹1', '2020', '演唱会']
    },
    {
      music: '关联',
      tag: ['好妹妹2', '2020', '演唱会']
    },
    {
      music: '不说再见',
      tag: ['好妹妹3', '2020', '演唱会']
    }]
  }
})

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">
</script>
<div id="app">
  <input type="password" v-model="vaule">
  <p v-if="vaule.length > 8">
    你的密码大于8位了
  </p>
  <p v-else-if="vaule.length<=8 && vaule.length>=1">
    请输出一个更长的密码
  </p>
  <p v-else="vaule.length<1">
    请输入你的密码
  </p>
  <ol>
    <li v-for="(item1,index) in musics" >{{item1.music}}
      <ul>
        <li v-for="item2 in item1.tag">
          {{item2}}
        </li>
      </ul>
    </li>
  </ol>
</div>