Vue框架引入JS库的正确姿势

参考自：https://mp.weixin.qq.com/s?src=3&timestamp=1527154113&ver=1&signature=tWGeTa86gyK*RL0P7nwlA6-8V14FjzxUTh7CM9kQLjnXjchkqgw6Lm3C5JXI-ba9wmXjXglUMApGCHe2aIvGC-eWC8KuNsUl0PLTWLjdbjhiVZDS9SGRQuOc-pe0achyII43bi*cyMkSHrrC2Vb8d0Q0OW7DrF-RZ202wJqKED4=

正确引入方式

最简单靠谱的方式是用库变成Vue的原型对象的属性。

import moment from 'moment';
Object.definePrototype(Vue.prototype, '$moment', { value: moment });

也可以：

Vue.prototype.$moment = moment;

由于所有的组件都会继承Vue原型对象上的方法，因此这些方法在任何组件文件中都能通过this.$moment 访问到：

export default {created() {console.log('The time is ' . this.$moment().format("HH:mm"));}
}

转载于:https://www.cnblogs.com/mengfangui/p/9084069.html

Vue框架引入JS库的正确姿势相关推荐

TypeScript 引入js库
TypeScript 引入js库如果要使用现有的js文件的话,需要对编译器增加–allowJS参数.可以修改tsconfig.json中的compilerOptions,将其中的"allo ...
Vue动态引入JS文件
引入前请先: npm install jquery 正式代码: //动态引入JS文件 function loadJavaScript(src, callback) {let script_list=$ ...
vue怎么引入js文件_Vue核心知识：8.3 vuex在vue-cli中的应用，文件之间的导出与引入...
问题:vuex在vue-cli中的应用第一步:npm下载vuex资源包: npm install vuex --save 第二步:在 src/main.js 中引入 import Vue from ...
vue中引入js，然后new js里的方法
阿里云Web播放器Web端使用SDK说明:https://help.aliyun.com/document_detail/51991.html?spm=5176.11065259.1996646101 ...
如何给框架和JS 库瘦身？
在开发组件库或者插件,经常会需要区分多种环境构建,从而实现: 提供各种「体积」版本:全量版.精简版.基础版等: 提供各种「环境」版本:web 版.nodejs 版等等: 提供各种「规范」版本:esm ...
bundle 安装_超级小白使用pip安装第三方库的正确姿势
为了感谢大家对"Python客栈"的关注与支持,即日起,我们每天会在留言中随机抽取三位粉丝发放6.6元小红包.快来参与吧!1 1.pip是什么 pip是python的包管理工具,p ...
Vue局部引入Js文件
1.在assest文件中存放js文件 2.在要使用的组件中 import,注意项目的路径关系 ``` import "../assets/BimfaceSDKLoader@latest-re ...
Android Studio引入.so文件的正确姿势以及调用.so 文件时报错has text relocations 解决
首先在src同级目录下创建libs目录讲需要的.so复制到这里效果如图然后在app级别的build.gradle配置lib路径,效果如果完整代码如下: apply plugin: 'com.and ...
Vue 引入js文件并使用
1.处理js文件,注意格式,一定要export,否则获取到的为null 2.在Vue中引入js import allinfo from "../../../../static/js/alli ...

Vue框架引入JS库的正确姿势

Vue框架引入JS库的正确姿势相关推荐

最新文章

热门文章