vue项目引入外部css,js

217 阅读1分钟

引入全局css
在main.js中

import  './assets/css/style.css'

require(./assets/css/style.css)

引入局部css

<style>
@import "../css/style.css";

引入全局js(建议使用mixins)
将方法封装好 再暴露

export {
    stringToDate,
    filterByName,
    findNode
}

在main.js里引入,即可全局使用

import findNode from './utils.js'  //(路径根据js所在路径填写)
Vue.prototype.$node = findNode ;  //其中$node为新命的名。

组件中调用

this.$node()

引入局部js(建议使用mixins)
同样需要先暴露,但是不用在main.js中注册

<script>
    import {stringToDate} from '../../assets/js/utils';

在组件的script标签中引入即可