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

时间:2016-05-09 05:26:27

标签: javascript webpack vue.js

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

我正在查看Vue webpack模板,并且我尝试将多个脚本标记包含到组件中,但是vue给了我一个警告,说明无法完成此操作。

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

1 个答案:

答案 0 :(得分:2)

Vue.js可以使用您拥有的任何旧脚本。如果您尝试“开始小”,只需将旧脚本放在页面上,然后开始将它们慢慢移动到组件中。 https://jsfiddle.net/crabbly/14kvkL6d/

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

使用vue-loader和webpack时,必须使用module.export。哪个也不难。 从较小的组件开始。

相关问题