使用Vue单页应用时应该如何引用单独样式文件

color：#2c3e50； margin-top：60px；}可以将css样式写在外部，再通过下面三种方法中的一种引入：在入口js文件main.js中引入，一些公共的样式文件，可以在这里引入。

10年积累的成都网站设计、成都网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有兴平免费网站建设让你可以放心的选择与我们合作。

公共样式文件 引入方式 （1）局部引入 （2）全局引入 a.需要安装sass-resources-loader。

这个需要把样式指定给使用的容器即可，由于你两个部分都使用了相同的样式，所以会出现你现在的结果，修改以下样式名称就可以了。

vue项目引入公共样式less文件

公共样式文件 引入方式 （1）局部引入 （2）全局引入 a.需要安装sass-resources-loader。

直接在webpack config 中的 sassResources 数组中添加导入的文件。

color：#2c3e50； margin-top：60px；}可以将css样式写在外部，再通过下面三种方法中的一种引入：在入口js文件main.js中引入，一些公共的样式文件，可以在这里引入。

通过vue如何引入公共css文件

1、公共样式文件 引入方式 （1）局部引入 （2）全局引入 a.需要安装sass-resources-loader。

2、按需组件引入吧，这样会减少不必要的css，当然你每个组件的css要独立出来，而且如果使用webpack 的vue-loader处理 即使重复引用同一个组件css也是同用一份，不会额外的复制多个.CSS规则的前面；@import规则条件规则组中。

3、可以用@指向src目录，再找到public目录。也可以在发布的时候直接使用根目录的结构，即使用/作为根目录，然后按路径找到public目录。

Vue中如何使用CSSModules

1、按需组件引入吧，这样会减少不必要的css，当然你每个组件的css要独立出来，而且如果使用webpack 的vue-loader处理 即使重复引用同一个组件css也是同用一份，不会额外的复制多个.CSS规则的前面；@import规则条件规则组中。

2、在很多 vue项目中，我们使用 vue点抗 ponent 来定义全局组件，紧接着用 new vue(el： ”)在每个页面内指定一个容器元素这种方式在很多中小规模的项目中运作的很好，在这些项目里 JavaScript 只被用来加强特定的视图。

3、可采用 npm 的方式安装，或者使用 标签的方式引入样式文件。

4、首先创建一个vue项目vue init webpack my-projectcd my-projectnpm install安装cube-uinpm install cube-ui -Sguan 方推荐使用 babel-plugin-transform-modules 插件，可以更优雅引入组件模块以及对应的样式。

5、这次给大家带来如何使用vue多页面开发与打包，使用vue多页面开发与打包的注意事项有哪些，下面就是实战案例，一起来看一下。

本文题目：html5鼠标划过 html5鼠标经过按钮变色
文章源于：http://myzitong.com/article/dgpsses.html