<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> <!-- 當需要傳遞事件屬性時，