Vue--- 一点车项目

本文介绍了Vue项目的一点车实践,包括CLI脚手架的安装与搭建,组件化的实现,数据交互的处理,路由指向的定义以及如何将数据存入数据库。在前端页面中,强调了Vue行内属性的使用,如通过v-if进行条件判断,以及如何创建全局常量供多个组件调用。此外,还提到了在处理图片引入和路由跳转时的常见问题及解决方案。
摘要由CSDN通过智能技术生成

一点车项目 cli脚手架 + 组件化  +数据交互+路由指向+存入数据库

前端页面

  1. cli脚手架的安装与搭建    创建对应包
  2. 页面组件化编辑 (共享组件:摘取出来一模一样的组件重用)(私有组件:在自己的组件写入 引入共享组件)
  3. 数据交互
父子间传数据
父子传值  
发送------------------------------------

<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>
View Code

  slot  引入不同的模板

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值