20第7章Vue脚手架第5节章节案例.pptxVIP

下载本文档

13
0
约小于1千字
约 8页
2022-04-25 发布于四川
举报
版权申诉

20第7章Vue脚手架第5节章节案例.pptx

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

《Vue应用程序开发》第7章：Vue脚手架目录CONTENTS7.1快速构建项目Part 17.5章节案例7.2前端路由Part 2Part 57.3服务器端数据访问axiosPart 37.4webpack基础Part 47.5章节案例7.5.1案例描述该案例是一个简单的课程和教师列表的管理网站，首页可以浏览课程和信息，单击“课程列表”和“教师列表”可以进入列表页，在列表页内可以添加课程、删除课程、添加教师和删除教师。课程和教师的名称的颜色动态随机更新的。7.5.2案例设计1.组件设计案例所使用的组件包括App.vue、mainContent.vue、teacher.vue和course.vue四个组件。7.5章节案例2.路由配置let router = new VueRouter({ mode: history, routes: [ { path: /, component: MainContent }, { path: /detail, component: Detail }, { path: /course, component: CourseList }, { path: /teacher, component: TeacherList }, ]})7.5章节案例3.调用接口数据 this.$axios .get(/users) .then(response = (this.teachers = response.data)) .catch(function (error) { // 请求失败处理 console.log(error); }); }7.5章节案例4.使用自定义指令Vue.directive(rainbow,{ bind(el,binding,vnode){ el.style.color=#+Math.random().toString(16).slice(2,8); }})5.风格样式使用ZUI7.5章节案例感谢聆听 THANK YOU FOR LISTENING