码迷,mamicode.com
首页 > 其他好文 > 详细

Vue的使用

时间:2017-11-17 14:49:45      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:highlight   css   标签   rip   scope   javascrip   外部   import   pre   

我们在安装成功VUE之后,就会面临如何使用Vue

1. Vue如何引入外部的css的文件(如果我们不安装css-loader和style-loader直接使用@import引入的css文件,会报错)

   1.将你的css文件放在static文件夹下面

   2.在根目录的命令行里面执行: npm install css-loader --save-dev

                                                       npm install style-loader --save-dev

   3.在.vue的文件里面,在style标签里面利用@import命令引入你所需要的css文件

  

<style scoped>
  @import ‘../static/css/index.css‘;
</style>

 最后执行 npm run dev命令即可。

   技术分享图片

 

Vue的使用

标签:highlight   css   标签   rip   scope   javascrip   外部   import   pre   

原文地址:http://www.cnblogs.com/yesu/p/7851043.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!