我决定使用Vue.js重写一个Web应用程序,但我想从小开始,使用我已经工作的脚本作为应用程序的主要部分,同时将Vue用于其他部分。
我正在查看Vue webpack模板,并且我尝试将多个脚本标记包含到组件中,但是vue给了我一个警告,说明无法完成此操作。
我已经成功地将脚本包含在主index.html中并且它正在运行,但我认为这是一个非常糟糕的解决方案。使用包含js脚本的Vue组件有哪些其他方法?
答案 0 :(得分:2)
Vue.js可以使用您拥有的任何旧脚本。如果您尝试“开始小”,只需将旧脚本放在页面上,然后开始将它们慢慢移动到组件中。 https://jsfiddle.net/crabbly/14kvkL6d/
您可以开始将部分脚本移动到组件上的ready
方法中,然后开始将它们组织到单独的方法中。最终它将非常有条理,你将使用Vue的全部功能。
https://jsfiddle.net/crabbly/9ux28qL9/
使用vue-loader和webpack时,必须使用module.export。哪个也不难。 从较小的组件开始。