vue 引入公共css檔案的簡單方法 推薦

2022-09-29 06:12:08 字數 472 閱讀 4589

如果不想把css寫在單檔案元件裡如這樣:

可以將css樣式寫在外部,再通過下面三種方法中的一種引入:

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

import vue from 'vue'

import app from './app' // 引入app這個元件

import router from './router' /* 引入路由配置 */

im程式設計客棧port axios from 'axios'

import '@/assets/css/reset.css'/*引入公共樣式*/

2、在index.html中引入

html>

y/*引入公共樣式*/

lfmzkpv>

3、在app.vue中引入,但是這樣引入有乙個問題,就是在index.html的headh上會多出乙個空的

本文位址:

vue 引入通用 css

1 在入口 js 檔案 main.js 中引入,一些公共的樣式檔案,可以在這裡引入。import router from router 引入路由配置 import axios from axios import static css global.css 引入公共樣式 2 在 index.html ...

vue公共元件批量註冊引入

乙個vue檔案就是乙個元件,有些元件在專案中經常用到,每個頁面引入太麻煩,可以新建乙個檔案批量引入註冊,這樣 好管理 新建乙個select js檔案裡面批量引入元件註冊再匯出 import searchselect from components common searchselect.vue im...

vue中引入公共方法並使用

通用js方法封裝處理兩種方式 第一種方式 function myfun function fn1 將上面連個全域性公共方法,組合成乙個物件,並暴露出去 export default 第二種方式 export function myfun export function fn1 2.1.1 全域性呼叫...