vue 引入自定义全局css和js

vue 引入自定义css 和js

一. 引入自定义js

方法一

首先在main.js中引入：

import Comjs from \'./js/common.js\'     //引入公用js
Vue.prototype.$comjs = Comjs;         //添加到vue属性中

自定义js 中写：

const comjs = {

}

comjs.  = function ( ) {
  alert( )
}

export default comjs;

页面中使用：

<template>
    <div>
        <button class=\"btn\" @click=\"clickme\">click me</button>
    </div>
</template>

< >
    export default {
        data(){
            return{
            }
        },
        methods:{
            clickme(){
                this.$comjs. (\'你点我了\');
            }
        }
    }
</ >

2.方法二（此方法不需要在main.js中引入）

自定义js 中写：

function  (t){
    alert(t);
}

export {
          //多个方法在此处json中export出去
}

页面中使用：

<template>
    <div>
        <button class=\"btn\" @click=\"clickme\">click me</button>
    </div>
</template>
< >
    import { } from \'./js/common.js\'   //可以选择需要的方法引入
    export default {
        data(){
            return{
            }
        },
        methods:{
            clickme(){
                 (\'你点我了\');
            }
        }
    }
</ >

二. 引入自定义css 
在main.js中引入公用css

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

在页面中引入单独css

<style scoped>
    @import \'../../static/css/header.css\';
</style>

--------------------- 
作者：桃夭蓁蓁 
来源：CSDN 
原文：https://blog.csdn.net/liuxing393724034/article/details/80775065 
版权声明：本文为博主原创文章，转载请附上博文链接！