如果不想把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 全域性呼叫...