VUE引入第三方js包及调用方法讲解


Posted in Javascript onMarch 01, 2019

VUE引入第三方js包及调用方法

1、首先是第三方js包存放的位置 一定要放在 static 目录下否则引用不到

2、网上查找到的引用第三方包的四种方式 实测部分第三方js包没法使用,较稳定的方式是在 index.html 中引入js包      

<script src="static/xxxxx.js"></script>

3、mounted 是初始化加载的方法 可以理解为jquery 中的页面加载完的初始化方法 如果第三方包有初始化需要调用的一些函数等 需要写在mounted 中  

4、第三方js包如果有回调函数需要写实现 也需要写在 mounted  中让其初始化出来 否则js包 回调不到 代码如下

<script>  
  export default {
    name: 'HelloWorld',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    },mounted () {
      /* eslint-disable */
      // 第三方js包 初始化方法
      Init("divId");
      // 初始化一个变量
      var id_tmp ='';
      // 回调函数 
      huidiaohanshu = function(id){
        console.log(id);
        if(id_tmp != ''){
          console.log(id_tmp);
        }
        id_tmp = id;
      }            
    },methods: {
      aaa:function (){
        // 点击事件 可以直接调用引入的第三方包中的函数
      }
    }
  }  
</script>

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
javascript parseInt() 函数的进制转换注意细节
Jan 08 Javascript
通过js来制作复选框的全选和不选效果
May 22 Javascript
深入探讨Vue.js组件和组件通信
Sep 12 Javascript
Node.js中路径处理模块path详解
Nov 14 Javascript
bootstrap table单元格新增行并编辑
May 19 Javascript
基于easyui checkbox 的一些操作处理方法
Jul 10 Javascript
如何开发出更好的JavaScript模块
Dec 22 Javascript
详解node Async/Await 更好的异步编程解决方案
May 10 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
详解JavaScript中的Object.is()与&quot;===&quot;运算符总结
Jun 17 Javascript
Vue 禁用浏览器的前进后退操作
Sep 04 Javascript
基于element-ui对话框el-dialog初始化的校验问题解决
Sep 11 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
Mar 01 #Javascript
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
Mar 01 #Javascript
Angular7.2.7路由使用初体验
Mar 01 #Javascript
vuex实现及简略解析(小结)
Mar 01 #Javascript
简单两步使用node发送qq邮件的方法
Mar 01 #Javascript
Vue实现类似Spring官网图片滑动效果方法
Mar 01 #Javascript
[原创]微信小程序获取网络类型的方法示例
Mar 01 #Javascript
You might like
PHP5 安装方法
2007/01/15 PHP
php ss7.5的数据调用 (笔记)
2010/03/08 PHP
在IIS7.0下面配置PHP 5.3.2运行环境的方法
2010/04/13 PHP
php将gd生成的图片缓存到memcache的小例子
2013/06/05 PHP
php环境套包 dedeampz 伪静态设置示例
2014/03/26 PHP
thinkphp文件处理类Dir.class.php的用法分析
2014/12/08 PHP
分享php邮件管理器源码
2016/01/06 PHP
Joomla使用Apache重写模式的方法
2016/05/04 PHP
php使用PDO执行SQL语句的方法分析
2017/02/16 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
PHP Trait功能与用法实例分析
2020/06/03 PHP
数理公式,也可以这么唯美
2021/03/10 无线电
jquery通过visible来判断标签是否显示或隐藏
2014/05/08 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
js使用removeChild方法动态删除div元素
2014/08/01 Javascript
JavaScript实现计算字符串中出现次数最多的字符和出现的次数
2015/03/12 Javascript
JavaScript中解析JSON数据的三种方法
2015/07/03 Javascript
javascript获取重复次数最多的字符
2015/07/08 Javascript
聊一聊JavaScript作用域和作用域链
2016/05/03 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
基于bootstrap实现广告轮播带图片和文字效果
2016/07/22 Javascript
bootstrap table 数据表格行内修改的实现代码
2017/02/13 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
如何使用vuejs实现更好的Form validation?
2017/04/07 Javascript
p5.js入门教程之小球动画示例代码
2018/03/15 Javascript
javascript 易错知识点实例小结
2020/04/25 Javascript
[44:30]完美世界DOTA2联赛PWL S2 GXR vs Magma 第一场 11.25
2020/11/26 DOTA
Python base64编码解码实例
2015/06/21 Python
Python动刷新抢12306火车票的代码(附源码)
2018/01/24 Python
CSS3解决移动页面上点击链接触发色块的问题
2016/06/03 HTML / CSS
J2ee常用的设计模式?说明工厂模式
2015/05/21 面试题
成人教育自我鉴定
2013/11/01 职场文书
企业演讲稿范文
2013/12/28 职场文书
租赁协议书范本
2014/04/22 职场文书
工会工作先进事迹
2014/08/18 职场文书
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python