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

引入公共文件

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

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

    
    
  2. 引入js 文件

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

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

    B. 如果js 文件有返回值

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

    
        import {myfun} from '../js/test.js' //注意路径
        export default {
          data () {
            return {
              testvalue: ''
            }
          },
          methods:{
              diyfun:function(){
                  myfun();
              }
          }
        }
    
    
  3. 在组件中引入公共的组件

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

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

你可能感兴趣的:(Vue,vue.js)