Vue获取当前页面的 IP地址

使用vue引入外部js。（这里是使用搜狐的api来获取用户的ip）

如果是单纯的html，我们引入js很简单直接

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

但是vue不可以这样。

1. 在你要用到js的页面的components加入下面的代码

   components: {
       'remote-js': {
           render(createElement) {
               return createElement('script', { attrs: { type: 'text/javascript', src: this.src }});
           },
           props: {
               src: { type: String, required: true },
           },
       },
   }

2. 在当前页面的模板中放入相关js

   <template>
       <remote-js src="http://pv.sohu.com/cityjson?ie=utf-8"></remote-js>
   </template>

3. 调用相关方法来获取ip

   var user_ip = returnCitySN["cip"];