javascript - 将自定义脚本加载到 Vue.js 组件中

Question

我决定使用 Vue.js 重写一个 Web 应用程序，但我想从小处开始，将我已经工作的脚本用于应用程序的主要部分，同时将 Vue 用于其他部分。

我正在研究 Vue webpack 模板，并尝试将多个脚本标签包含到组件中，但 vue 向我发出警告，表明这是无法完成的。

我已经成功地将脚本包含到主index.html中并且它正在工作，但我认为这是一个非常糟糕的解决方案。使用包含 js 脚本的 Vue 组件还有哪些其他方法？

Answer 1

Vue.js 将适用于您拥有的任何旧脚本。如果您尝试“从小处开始”，只需将旧脚本保留在页面上，然后开始慢慢地将它们移动到组件中。 https://jsfiddle.net/crabbly/14kvkL6d/

您可以开始将部分脚本移动到组件上的 ready 方法中，然后开始将它们组织到单独的方法中。最终它会变得非常有组织，你将使用 Vue 的全部功能。 https://jsfiddle.net/crabbly/9ux28qL9/

当使用 vue-loader 和 webpack 时，你必须使用 module.export。这也不难。从较小的组件开始。