vue 引入公共樣式的三種方法

1、在入口js檔案main.js中引入，一些公共的樣式檔案，可以在這裡引入。

import vue from 'vue'

import router from './router' /* 引入路由配置 */
import axios from 'axios'
import '../static/css/global.css' /*引入公共樣式*/

2、在index.html中引入

doctype html
>
<
html
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>stop
title
>
<
link 
rel="stylesheet"
href
="./static/css/global.css"
>
/*引入公共樣式*/   
head
>
<
body
>
<
div 
id>
div>
body
>
html
>

<

template
>
<
div 
id>
<
router-view
/>
div>
template
>
<
script
>
export default 
script
>
<
style
>
@import './../static/css/global.css'; /*引入公共樣式*/
style
>

新增樣式的三種方法

css的新增 1.行間樣式 寫在標籤上 優點 直觀的可以看到樣式作用在誰身上 缺點 無法復用，不利於後期的維護和修改 2.內部樣式 寫在當前頁面的head裡面 優點 可以在當前頁面復用 缺點 無法在其他頁面進行復用，多頁面的維護修改不方便 3.外部樣式 推薦使用 寫在外面的 css 字尾檔案中，引入...

HTML三種樣式引入方式

文章位址 html有三種樣式引入方式 行內樣式 inline styles 嵌入式樣式表 embedded style sheets 外部樣式表 external style sheets 又稱內聯表單樣式，它直接寫在標籤內部，用style屬性宣告。行內樣式不能實現所有的樣式，比如hover和 im...

HTML三種樣式引入方式

html有三種樣式引入方式 行內樣式 inline styles 嵌入式樣式表 embedded style sheets 外部樣式表 external style sheets 又稱內聯表單樣式，它直接寫在標籤內部，用style屬性宣告。行內樣式不能實現所有的樣式，比如hover和 import。...