7.21 vue中img的使用坑

img引入

1. <img src="./img/1.png">
   直接通过src里面放地址就行
2. import img from '@/img/1.png' <img :src="img">
   可以通过import的方式引入，img相当于一个变量，但是图片比较多的时候就不太适合
3. imgs:[require('@/img/1.png'),require('@/img/2.png')]
   适合引入多个图片

注意： 直接通过 在data中定义一个变量
img: ‘@/img/1.png’,然后引用，是不能被解析的，默认会别解析成字符串，而不是一个地址

组件使用

//1.引入
import Test from 'xxx'
//2.注册组件
components: {
   Test
}

定时器小细节

定时器定义了，在组件销毁的时候一定要清除

data() {
  return {
     timer: null,
  }
},
mounted() {
 timer = TimeInternal(() => {},2000)
}
destroyed() {
  clearInternal(timer)
}