Vue小记

一. Vue使用小问题

<template>
  <div id="app">
    <ul>
      <li v-for="(item, index) in arr" :key="index">
         <!--这个地方用了ES6的模板字符串，模板字符串是增强版的字符串，用反引号（`）标识-->
        <img :src="require(`./assets/logo${index}.jpeg`)" alt=""> 
        <p>{{item.text}}</p>
      </li>
    </ul>
    <router-view/>
  </div>
</template>

2. Video标签问题
   公众号的微信活动网页里添加视频，用到了HTML5的新标签<video>，video标签默认全屏播放，安卓手机在点击播放按钮之后会自动切换到全屏播放。
   IOS 手机：video标签添加playsinline webkit-playsinline

<video id="video" ref="mVideo" controls preload="auto" src="/static/audio/source.mp4" poster="../assets/cover.png" webkit-playsinline playsinline></video>

Android 手机：video标签添加x5-playsinline，注意不与x5-video-player-type='h5' x5-video-player-fullscreen='true'一起使用。

<video id="video" ref="mVideo" src="/static/audio/source.mp4" poster="../assets/cover.png" x5-playsinline></video>