forked fromchris-visser/vue-simpleddp
- Notifications
You must be signed in to change notification settings - Fork0
Gregivy/vue-simpleddp
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
A simple plugin that usesSimpleDDP to connect an external Vue app to Meteor's DDP system.
Install the package:
npm install vue-simpleddp
Initialize the plugin in your Vue app like below:
importVuefrom'vue';importVueDDPfrom'vue-simpleddp';Vue.use(VueDDP);
Subscribe to data from one of your components like the example below:
exportdefault{components:{ Logo,},data(){return{articles:[],};},created(){(async()=>{awaitthis.$subscribe('articles').catch(console.error);this.articles=this.find('articles');})();},};
You can pass additional options to the plugin to for example specify the endpoint. These options arepassed down to the simpleddp package.
Vue.use(VueDDP,{endpoint:'ws://localhost:3030/websocket',});
Below are some example options.
| Option | Default Value | Description |
|---|---|---|
| endpoint | ws://localhost:3030/websocket | The link to the DDP websocket endpoint (In Meteor its usually ws://{host}/websocket) |
| ws | ws | A constructor for the websocket library. vue-simpleddp uses isomorphic-ws by default to make it work on client and serverside |
| reconnectInterval | 5000 | The interval in which it tries to reconnect when disconnected from the server |