一点车项目 cli脚手架 + 组件化 +数据交互+路由指向+存入数据库
前端页面
-
cli脚手架的安装与搭建 创建对应包
-
页面组件化编辑 (共享组件:摘取出来一模一样的组件重用)(私有组件:在自己的组件写入 引入共享组件)
- 数据交互
父子间传数据
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
父子传值 发送------------------------------------ <TabPanelRelease :tabs="tabs"> 接收------------------------------------- export default{ data(){ props:'tabs' } } 使用--------------------------------------- <ul> <li v-for="(tab,index) in tabs" :key="index" :class="index==cur?'hit':''" @click="cur=index">{ {tab.title}}</li> </ul>
slot 引入不同的模板