[TOC] # 根組件案例 ``` 我是第一步 import Homes from './components/Homes'; export default { data() { }, components:{ Homes } } .title { color: red; h1{ background-color:blue; } } ``` # 父組件案例 ``` 我是首頁 {{keyword}} import ItyingInput from './Input'; export default { data() { return { keyword: "女裝", firstName: "", lastName: "", } }, methods: { }, components: { "v-input": ItyingInput, } } ``` # 子組件案例 ``` 我是第一步 import Homes from './components/Homes'; export default { data() { }, components:{ Homes } } .title { color: red; h1{ background-color:blue; } } ```