码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-05-24 18:07:44      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:port   target   原型对象   amp   对象   timestamp   sig   plt   因此   

参考自: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"));
  }
}

 

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

标签:port   target   原型对象   amp   对象   timestamp   sig   plt   因此   

原文地址:https://www.cnblogs.com/mengfangui/p/9084069.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!