jQuery 组件到 Vue答案

【问题标题】：jQuery component to VuejQuery 组件到 Vue
【发布时间】：2018-09-11 09:04:44
【问题描述】：

我有一种情况要将几个 jQuery 组件 转换为 VueJs。

总的来说，我知道该怎么做，但在某些情况下，我需要替换一些函数调用。

例如：

组件

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

export default Component

随机文件，使用导出函数

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

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

【问题讨论】：

标签： javascript jquery vue.js

【解决方案1】：

您可以将组件 import 到每个 Vue 组件并像这样使用它：

import someComponent from './someComponent'
export default {
  created () {
    Component.initialize()
  }
}

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

【讨论】：

我的任务是杀死这个：Component.initialize() ...并且只使用Vue。
你应该把 jQuery 组件逻辑移到 Vue。

【解决方案2】：

我有一个解决方案：

import Component from './component'

// Call method
Component.methods.method()

【讨论】：