vue 引入自定義全域性css和js

2021-09-27 01:48:14 字數 495 閱讀 3963

一. 引入自定義js

方法一首先在main.js中引入:

import comjs from './js/common.js'     //引入公用js

vue.prototype.$comjs = comjs;         //新增到vue屬性中

自定義js 中寫:

const comjs =

export default comjs;

頁面中使用:

click me

2.方法二(此方法不需要在main.js中引入)

自定義js 中寫:

function title(t)

export

頁面中使用:

click me

二. 引入自定義css 

在main.js中引入公用css

import '../static/css/common.css'          //引入公用css 

在頁面中引入單獨css

自定義Vue 全域性元件

在 components 下建立自己的元件 primary click show 儲存 資料提交 visible.sync isok width 500px center footer class dialog footer isok false 取 消 primary click submit 確...

vue自定義全域性設定

vue2.x中在static下新建乙個serverconfig.js,vue3中在public下新建乙個serverconfig.js const win window global win.apiconfig 然後在index.html頁面裡面引入js.在axios全域性設定js裡,設定baseu...

vue專案引入自定義 css的樣式檔案

es6的引入方式 vue檔案中 css檔案引入 js檔案的引入 在main.js中 import api from assets api api.config.js vue.prototype.api api p.s.傳統上,引入css樣式的三種方法 1.使用link來呼叫外部的css檔案 在hea...