vue 图片的引入方式

一、import 静态引入

放在script标签顶端

例如

import errowPng from '../../assets/404_images/404.png'

二、require 动态引入

可以放在data中

data() {
    return {
      imgUrl:require("../../assets/404_images/404.png")
    };
  },

require 是赋值过程并且是运行时才执行， import 是解构过程并且是编译时执行。require可以理解为一个全局方法，是一个方法就意味着可以在任何地方执行。而import必须写在文件的顶部。

引入文件时，导出的文件方式不一样，

require  module.exports = {}

import   export default = {}