VUE.JS在一个页面里可以使用多个实例吗？

问题描述

问 题

刚刚下好VUE.JS开始使用。大概看了下文档，了解怎么用了，还是有个地方需要请教下。

在一个页面里往往包含了多种操作，有些是绑定和控制内容输出的，还有一些是对接口的调用。这些都使用一个VUE实例就可以搞定，但是写起来会不会很乱？（对HTTP的请求我使用vue-resource） 分别new多个实例来负责不同的操作是不是更清晰一点？

---

另外又想到一问题，请求接口数据的代码怎么重用起来？比如有个接口需要在每个页面里都调用，我把数据请求的部分保存成一个JS，然而在页面里该如何获取这个JS返回的数据？难道需要每个页面里绑定数据用的元件名称也都固定吗？

解决方案

建议你使用 vue-cli 创建工程目录，实际上只需要 new 一个 vue 实例，你只需要创建组件，然后互相调用就行了，页面跳转使用 vue-router，你说的多组件公用一个请求数据可以通过 vuex 实现，网上文章还是蛮多的，另外可以看下我的启蒙文章 http://orangexc.xyz/2016/10/1...

这篇关于VUE.JS在一个页面里可以使用多个实例吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！