<keep-alive>是 Vue 內置的一個組件，可以使被包含的組件保留狀態，或避免重新渲染。可以使用生命週期函數created來驗證是否被包含的組件不重新渲染（即不重新created）。
<template>
<keep-alive>
<home></home>
</keep-alive>
</template>
說明：事實證明，Home組件只被渲染了一次。
<router-view>也是一個組件，如果直接被包在 keep-alive 裏面，所有路徑匹配到的視圖組件（Home、About、Profile等等組件）都會被緩存：
另外，它們有兩個非常重要的屬性：
include：字符串或正則表達，只有匹配的組件會被緩存；
exclude：字符串或正則表達式，任何匹配的組件都不會被緩存。
可以使用exclude指定不需要進行緩存的組件，即每次都重新渲染。
而多個排除需要使用逗號進行隔開：
註冊全局組件 1.新增Users.vue <template > <div id="users"> <ol> <!-- vue 遍歷需要key屬性綁定--> <li v-for="(va
App.vue <template> <div id="app"> <Header/> <!--使用組件 並傳遞當前組件值 --> <Users :users="users" :username=
Header.vue <template > <div class="Header"> <h1>{{title}}</h1> </div> </template> <script> //js
scoped的作用：使嵌套的樣式引用不影響當前的vue App.vue <template> <div id="app"> <h1>APP.VUE</h1> <!--使用組件--> <Users/>
<body> <div id="app"> <!-- 瀏覽器會默認傳遞事件屬性 --> <button @click="btnClick1">按鈕1</button> <!-- 當需要傳遞事件屬性時，