这里有新鲜出炉的 vue.js 教程,程序狗速度看过来!
Vue.js 是构建 web 界面的 JavaScript 库,提供数据驱动的组件,还有简单灵活的 API,使得 MVVM 更简单。
本文主要介绍了 Webpack+Vue 导入 Jquery 和 Jquery 的第三方插件的方法,具有很好的参考价值,下面跟着小编一起来看下吧
创建一个 jquery-vendor.js 文件
- import $ from 'jQuery';
- console.log($);
- window.$ = $;
- window.jQuery = $;
- export
- default $;
导入 JQuery,并赋值给 window 对象,使其成为一个全局变量。
在 vue 组件做如下引用
- import $ from './assets/jquery-v';
- import 'bootstrap-material-design';
- //调用初始化
- $(function(){
- $.material.init();
- });
注意:
1. 只可以在 vue 的组件中引用
2. 如果在 main.js 中引入 jquery.js 是 Ok 的,但这种情况下无论是在 mian.js 或者是 vue 组件中引入 jquery 的第三方插件就有问题了。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持 phperz!
来源: http://www.phperz.com/article/17/0502/327453.html