將自定義腳本加載到Vue.js組件中

Question

我已經決定使用Vue.js重寫Web應用程序，但我想從小處着手，將已經使用的腳本用於應用程序的主要部分，而將Vue用於其他部分。

我正在研究Vue Webpack模板，並且嘗試將多個腳本標簽包含到組件中，但是vue會警告我無法完成此操作。

我已經成功地將腳本包含在主要的index.html中，並且可以正常工作，但是我認為這是一個非常糟糕的解決方案。 還有什么其他方法可以將Vue組件與包含的js腳本一起使用？

Answer 1

Vue.js可以使用您擁有的所有舊腳本。 如果您試圖“從小處着手”，只需將舊腳本保留在頁面上，然后慢慢將其移入組件。 https://jsfiddle.net/crabbly/14kvkL6d/

您可以開始將腳本的一部分移到組件上的ready方法中，然后開始將它們組織到單獨的方法中。 最終，它將非常有條理，您將使用Vue的全部功能。 https://jsfiddle.net/crabbly/9ux28qL9/

使用vue-loader和webpack時，必須使用module.export。 這也不應該很難。 從較小的組件開始。