Vue的jQuery组件

时间:2018-09-11 09:04:45

标签: javascript jquery vue.js

我遇到了将几个 jQuery组件转换为 VueJs 的情况。

通常,我知道该怎么做,但是在某些情况下,我需要替换一些函数调用。

例如:

组件

const Component = (function () {
  const initialize = () => {
    return 'Tony Stark'
  }   
  return {
    initialize: initialize
  }
})

export default Component

随机文件,使用导出功能

$( document ).ready(function() {
    Component.initialize()
});

Component.initialize()仍然有效的最佳解决方案是什么? 因为我在几个文件中都有这个请求。

2 个答案:

答案 0 :(得分:0)

您可以将 testPathIgnorePatterns: [ "/node_modules/", "/client/" ], 组件添加到每个Vue组件中,并像这样使用它:

import

或者您可以使用实例属性,请参见https://vuejs.org/v2/cookbook/adding-instance-properties.html

答案 1 :(得分:0)

我有一个解决方案:

import Component from './component'

// Call method
Component.methods.method()