Vueのプロジェクト実現のページ更新

序文

最近作られたフロントエンドプロジェクト、ページ更新の必要性は、自分のための時間この質問で、まだ比較的困難であり、後の一連の研究の後、最終的にそれを記録するために、今日、この問題を解決！

スルー

proviceそして、injectこのアプローチの経験に比べて、ページを更新する多くの方法がありますが、解決組み合わせる方法は、はるかに良いことである、我々はこのようなプログラムをご紹介して。

①最初のApp.vueようなコンポーネントのメソッド、次のステートメント：

<template>
	<div id="app">
		<router-view v-if="IsRouterAlive"/>
	</div>
</template>

<script>
export default{
	name:'App',
	provide(){
		return{
			reload:this.reloda
		}
	},
	data(){
		return{
			style:'',
			IsRouterAlive:true
		}
	},
	methods:{
		reload(){
			this.IsRouterAlive=false;
			this.$nextTick(function(){
				this.IsRouterAlive=true;
			})
		}
	}
}
</script>

②ページを更新するコンポーネントには、このメソッドを呼び出します。

<script>
	export default{
		name: "Header",
		inject:['reload']
	},
	methods:{
		flushCom:function(){
		this.reload();
		}
	}
</script>

概要

降り、降りて、私たちは自分自身の思考のいくつかを解決することができます簡単ではない、シンプルなもの、態度がすべてです、態度は非常に重要であり、学習のこの時間後に、知識やマスター少し、よく、こことあなたと共有するには、私はあなたが、一番下に多くの交流がメッセージを残すことができます願っています！