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.title = function (title) {
  alert(title)
}

export default comjs;

ページで使用:

<template>
    <div>
        <button class="btn" @click="clickme">click mebutton>
    div>
template>

<script>
    export default {
        data(){
            return{
            }
        },
        methods:{
            clickme(){
                this.$comjs.title('    ');
            }
        }
    }
script>

2.メソッド2(main.jsに導入する必要はありません)
カスタムjsに書く:

function title(t){
    alert(t);
}

export {
    title     //       json export  
}

ページで使用:

<template>
    <div>
        <button class="btn" @click="clickme">click mebutton>
    div>
template>
<script>
    import {title} from './js/common.js'   //           
    export default {
        data(){
            return{
            }
        },
        methods:{
            clickme(){
                title('    ');
            }
        }
    }
script>

二.カスタムcssをmainに導入する.jsに共通cssを導入

import '../static/css/common.css'          //    css 

ページに単独cssを導入する

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