vue引入公共css文件

如图是一个常见的vue文件结构

在app.html 或者*.vue中引入css，如下所示：

在 app.html引入css对阵个页面都生效，在vue文件中引入，只对改vue生成的页面有效

  走访了好几个移动框架，来回切换了几次，发现都不是很适合我使用，要么是组件不够用，要么是组件无法二次封装。我在自己的项目中大多是需要使用框架之样式，所以思来想去还是用比较熟悉的mui移动框架（ 官方网址 ）。但是mui是没法使用npm进行安装的（一大遗憾），思来想去于是将mui框架所需的js,css文件放在static目录下：

在index.html中以静态资源的方式进行引用。

当然想要在组件中直接使用mui这个变量，需要在build/webpack.base.conf.js文件中进行配置

如需引用mui框架的样式只需要引入mui中的class样式

以上是我在项目中遇到问题的一些解决方案，谢谢。

1 引入第三方插件

2 引入工具类

说到这 export 和 export default 又有什么区别呢？

下面看下区别

3.导入 css文件

如果是在.vue文件中那么在外面套个style

4.导入组件

5.导入js

然后引入

---