[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; } } ```