《vue教程课件》-《vue教程课件》-第5章习题参考答案_第1页
《vue教程课件》-《vue教程课件》-第5章习题参考答案_第2页
《vue教程课件》-《vue教程课件》-第5章习题参考答案_第3页
《vue教程课件》-《vue教程课件》-第5章习题参考答案_第4页
《vue教程课件》-《vue教程课件》-第5章习题参考答案_第5页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

一、1、AAABCAACCDCBABCD实践题1、<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><scriptsrc="/vue@3"></script><scriptsrc="/vue-router@4"></script><!--<scriptsrc="vue-router-4.js"></script>--><linkrel="stylesheet"href="./css/iconfont.css"><style>.app{border:1pxsolid#ccc;}.tab{display:flex;justify-content:space-around;position:absolute;bottom:0;left:0;right:0}.link{flex:1;border-top:1pxsolid#ccc;padding-top:5px;text-align:center;text-decoration:none;display:flex;flex-direction:column;}.item{display:flex;border:1pxsolid#333}span{display:inline-block;flex:1;text-align:center;}</style></head><body><divid="app"><divid="app"><router-view></router-view><divclass=tab><router-linkto="/tab1"class=link><spanclass="iconfonticon-shouye"></span>精选</router-link><router-linkto="/tab2"class=link><spanclass="iconfonticon-pinpai"></span>品牌</router-link><router-linkto="/tab3"class=link><spanclass="iconfonticon-huiyuan"></span>会员</router-link><router-linkto="/tab4"class=link><spanclass="iconfonticon-gouwuche"></span>购物车</router-link><router-linkto="/tab5"class=link><spanclass="iconfonticon-wo"></span>我</router-link></div></div></div><script>vartab1={template:'<divclass=item><span>我的收藏</span><span>我的足迹</span></div>'}vartab2={template:'<div>品牌</div>'}vartab3={template:'<div>会员</div>'}vartab4={template:'<div>购物车</div>'}vartab5={template:'<div>我</div>'}varroutes=[{path:'/tab1',component:tab1},{path:'/tab2',component:tab2},{path:'/tab3',component:tab3},{path:'/tab4',component:tab4},{path:'/tab5',component:tab5},]constrouter=VueRouter.createRouter({history:VueRouter.createWebHashHistory(),routes,})constapp=Vue.createApp({}).use(router).mount('#app')</script></body></html>2、<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><scriptsrc="/vue@3"></script><scriptsrc="/vue-router@4"></script><!--<scriptsrc="vue-router-4.js"></script>--><style>.link{text-decoration:none;display:block;}</style></head><body><divid="app"><divid="app"><router-linkto="/list"class=link>查看提现</router-link><router-linkto="/cart"class=link>商品订单</router-link><router-view></router-view></div></div><script>varlist={template:`<div><router-linkto=/list/displayclass=link>提现列表</router-link><router-view></router-view></div>`}vardisplay={template:'<div>提现到家</div>'}varcart={template:`<div><router-linkto=/cart/searchclass=link>订单查询</router-link><router-linkto=/cart/revokeclass=link>订单核销</router-link><router-view></router-view></div>`}varsearch={template:'<div>订单查询</div>'}varrevoke={template:'<div>订单核销</div>'}varroutes=[{path:'/list',component:list,children:[{path:'display',component:display},]},{path:'/cart',component:cart,children:[{path:'search',component:search},{path:'revoke',component:

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论