Merge feature/manually-connect-and-disconnect into master

README.md

@@ -61,6 +61,18 @@ Vue.use(VueNativeSock, 'ws://localhost:9090', {
 })
 ```
 
+Manage connection manually:
+
+``` js
+Vue.use(VueNativeSock, 'ws://localhost:9090', {
+  connectManually: true,
+})
+const vm = new Vue()
+vm.$connect()
+// do stuff with WebSockets
+vm.$disconnect()
+```
+
 #### On Vuejs instance usage
 
 ``` js

src/Main.js

@@ -6,9 +6,25 @@ export default {
   install (Vue, connection, opts = {}) {
     if (!connection) { throw new Error('[vue-native-socket] cannot locate connection') }
 
-    let observer = new Observer(connection, opts)
+    let observer = null
 
-    Vue.prototype.$socket = observer.WebSocket
+    if (opts.connectManually) {
+      Vue.prototype.$connect = function () {
+        observer = new Observer(connection, opts)
+        Vue.prototype.$socket = observer.WebSocket
+      }
+
+      Vue.prototype.$disconnect = function () {
+        if (observer && observer.reconnection) { observer.reconnection = false }
+        if (Vue.prototype.$socket) {
+          Vue.prototype.$socket.close()
+          delete Vue.prototype.$socket
+        }
+      }
+    } else {
+      observer = new Observer(connection, opts)
+      Vue.prototype.$socket = observer.WebSockekt
+    }
 
     Vue.mixin({
       created () {