vaptcha我沒(méi)用過(guò) 但是它的包我看了一下 是非模塊化的
所以問(wèn)題變成了如何處理一個(gè)非模塊化的包
那么辦法就2種咯
第一個(gè)就是在html里用script標(biāo)簽直接引入
然后webpack里配置一下 具體你可以關(guān)鍵字搜索"webpack externals"
大致的例子就是

module.exports = {
  entry: {
    app: './src/main.js',
  },
  output: {
    path: path.resolve(__dirname, '../dist/static'),
    publicPath: './static/',
    filename: '[name].js'
  },
  // CDN
  externals: {
    'vaptcha':'vaptcha',
  },
}

第二種么
為了好看點(diǎn)，讓你能夠?qū)憘€(gè)import vaptcha from 'vaptcha'
可以用webpack別名的配置alias指定路徑，這種方法會(huì)打在一起 不需要額外在script里引入
大致如下

resolve: {
    //...
    alias: {
      'vaptcha': "你的路徑/你的文件名.js"
    }
},

plugins: [
    //...
    new webpack.ProvidePlugin({
      vaptcha: 'vaptcha',
      'window.vaptcha': 'vaptcha'
    })
],

這個(gè)很基礎(chǔ)的問(wèn)題，明顯你這個(gè)vaptchaObj是在then方法里面獲取的，就把值放在data里面啊

data(){
    return {
        vaptchaObj: null
    }
},
updated () {
    var it = this;
    vaptcha({
      //配置參數(shù)
      vid: '**********', // 驗(yàn)證單元id
      type: 'click', // 展現(xiàn)類型 點(diǎn)擊式
      container: '#vaptcha-container' // 按鈕容器，可為Element 或者 selector
    }).then(function (vaptchaObj) {
      it.vaptchaObj = vaptchaObj
      vaptchaObj.render();//執(zhí)行該方法, 生成驗(yàn)證碼
    })
},
methods:{
    login: function(){
        var token = this.vaptchaObj.getToken();
        ...
    }    
}