vue引入公共的css及在对应的模板.vue文件中引入css的方法

在我们创建的vue项目中,为了使页面更加简洁,我们通常把公共的css和单个组件的css写道外面单个引入。

文件目录如下
vue引入公共的css及在对应的模板.vue文件中引入css的方法_第1张图片
加公共的css
①在main.js中加入@import '../static/css/reset.css'(main.js 是我们的入口文件,主要作用是初始化vue实例并使用需要的插件;App.vue是我们的主组件,所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以我将router标示为App.vue的子组件。)
vue引入公共的css及在对应的模板.vue文件中引入css的方法_第2张图片
②在index.html中直接加

你可能感兴趣的:(前端,vue,vue学习,vue学习)