Vuemodalpdf NPM

自定义vuemodalpdf

npm install vuemodalpdf -S //template <vueshowpdf @closepdf="closepdf" v-model="isshowpdf" :pdfurl="pdfurls" @pdferr="pdferr" :maxscale='4' :minscale='0.6' :scale='1.1' >

//javascript

import Vue from "vue";

import vueshowpdf from 'vuemodalpdf';

Vue.component("vueshowpdf", vueshowpdf);

export default { data:{ return:{ pdfurls:'//cdn.mozilla.net/pdfjs/tracemonkey.pdf',

         <!-- pdfurls:'http://localhost:3000/data/significant.pdf', -->
         isshowpdf:false
    }
   
},
methods:{
    closepdf(){
        this.isshowpdf = false
    },
    pdferr(errurl) {
        console.log(errurl);
    }
},

} Nodejs 不支持 import 和 export

es6 兼容以上所有语法，当然需要 webpack + babel 来支撑

尽管es6兼容以上所有语法，但需要注意：

在webpack打包的时候，可以在js文件中混用 require 和 export。但是不能混用 import 以及 module.exports

“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#'” 解决办法就是统一改成 ES6 的方式编写： import 和 export

但如果使用export default ... 的方式，是无法使用import { ... } from '...' 的高逼格方式的，如果我硬要使用这种方式怎么办呢？其实可以这样: export {...}

需要注意的是，这里的{ ... } 不能自定义key，只能以真实的函数名或者类名出

总而言之一句话：导入用require, 导出用module.exports

（ps: 不知从什么时候开始，es6居然已经支持module.exports了。）