在vue组件中引入公共文件，js,css,component

引入公共文件

1. 在自定义组件中引入公共的css 文件（静态资源文件尽量放在static 文件夹中）

   通过@import ‘…/…/static/css/index.css’

   <style scoped>
   @import '../../../static/css/loginBg.css';
   //自己的css 样式
   </style>
   

2. 引入js 文件

   A.如果js 文件没有返回值

   ​ import myjs from ‘…/…/static/test.js’

   B. 如果js 文件有返回值

   ​ import {myjs} from ‘…/…/static/test.js’

   <stript>
       import {myfun} from '../js/test.js' //注意路径
       export default {
         data () {
           return {
             testvalue: ''
           }
         },
         methods:{
             diyfun:function(){
                 myfun();
             }
         }
       }
   </stript>
   

3. 在组件中引入公共的组件

   import comTable from ‘…/…/components/common/table’

   import  comTable from '../../components/common/table'
   
   export default {
   	name : "index",
   	components: {
   	    comTable
   	}
   }