Skip to content

ZeroDark1991/vue-update

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 

Repository files navigation

vue-update npm packageDownloads

Requires Vuejs 2.0

Must works with vue-router

You can use it to manually control whether data should be updated when route enters, or do some things else.

It can be helpful in some cases, especially in 'keep-alive' mode.

Install

	$ npm install vue-update --save-dev

main.js:

	import Vue from 'vue'
	import VueRouter from 'vue-router'
	import VueUpdate from 'vue-update'
	
	Vue.use(VueRouter)
	Vue.use(VueUpdate)

usage

see /example

  $ npm install
  $ npm run dev

Use this.$pushToUpdate('/foo') to push a route path into the updateQueue.

In bar.vue:

	// push the route which needs to update
	
	this.$pushToUpdate('/foo')
	
	// you can also pass the route name
	this.$pushToUpdate('foo')

Then when you navigate to a route the matches anyone in the updateQueue, the hook function update(){} in the target route will trigger.

In foo.vue:

	export default {
      data(){
        return {
	        msg: ''
        }
      },
      update(){
        // do something
        this.msg = 'foo'
        // once triggerd, '/foo' will be removed from the list
      }		
	}

About

provides extra hook for data-updating

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published