Vue 里面的动态资源引入方式 跟静态资源引入方式这里麻烦老师给讲一下

同学你好，解答如下：

1、在vue框架中，静态资源导入、导出支持es6中的module语法。es6中，导入、导出使用import、export。在vue框架中，默认将静态资源当成模块处理，所以可以使用import导入。

2、import导入静态资源时，语法是“import  模块路径”，同学举例中的“../”是模块的路径（和文件路径意思类似）。这个路径不是固定的，要看模块与当前代码的位置关系，还可以对比“src引入图片时，src中的地址写法”来理解这里。

3、静态资源的引入方式和框架有关。框架内部支持什么语法，我们就要使用什么语法。比如vue支持ES6的导入导出，那我们就可以使用import。而vue还支持其他方式引入，比如require，所以有时候静态资源可能需要用require引入（不常用），方式相对灵活。

4、import '../'这种形式，就是对应文件资源模块的，比如图片、css文件。为了方便理解，可以看成是import xxx from '../' 的简写。比如“import   ../src/test.png”就是导入上一级文件夹src中的test.png。

祝学习愉快！