本章作业——利用父子组件的传值完成数量控制器的功能需求：单击“增加1”按钮的时候，对应数量会增加1。单击“减少1”按钮的时候，对应数量会减少1。项目运行的页面效果如图所示：实现过程：父组件示例代码（App.vue)：<template><div id="app"><p>{{total}}</p><!-- 第三步：调用组件 --><C

一、组件的概念及复用1.1 为什么要使用组件组件（component）是vue.js最核心的功能，也是整个框架最精彩的地方，当然也最难掌握。组件是可复用的 Vue 实例, 把一些公共的模块抽取出来，然后写成单独的的工具组件或者页面，在需要的页面中就直接引入即可那么我们可以将其抽出为一个组件进行复用。例如页面头部、侧边、内容区，尾部，上传图片，等多个页面要用到一样的就可以做成组件，提高了代码的复用率

任务1：什么是前端路由1.1 vue-router 的理解vue-router是vue .js官方提供的一套专用的路由插件库，专门用来实现 SPA 应用。1.2 对 SPA 应用的理解单页 Web 应用（single page web application，SPA）。整个应用只有一个完整的页面。点击页面中的导航链接不会刷新页面，只会做页面的局部更新。数据需要通过 ajax 请求获取。1.3 什么

一、百度地图插件1.1 百度地图基本使用关于百度地图的基本使用在官方网站中有详细的介绍，可以参考以下链接：百度地图开发平台https://lbsyun.baidu.com/index.php?title=%E9%A6%96%E9%A1%B51.2 百度地图的使用步骤1.2.1 申请密钥百度地图的使用需要一个专属的密钥（ak）作为路径，具体申请流程如图：在申请ak之前，首先要注册百度的账号，然后要申

需求说明：利用组件的复用完成美食、游戏、电影的分类布局。使用具名slot完成分类组件的不同内容显示。实现过程：1.创建一个分类子组件（Category.vue)，在子组件中定义具名插槽：<template><div class="category"><h3>{{title}}分类</h3><!-- 定义一个插槽（挖个坑，等着组件的使用者进行填充

上机训练——移动端标题栏需求说明完成移动端标题子组件，在子组件中接收标题和两张修饰图片；在父组件中调用子组件，并传递给子组件对应的内容；图片以import的方式进行导入，页面效果如图所示。实现过程：父组件示例代码（App.vue)：<template><div id="app"><TitleItem :list="listdata"></TitleItem

在IDEA中运行spark程序

在IDEA中运行spark程序

实现新闻管理案例开发文档：获取数据接口地址：/api/get/news接口参数：pageindex：页码pagesize:每页的条数请求类型：get返回的数据：{status:200,message:"获取新闻列表成功",list:[{"id":1,"title":"解忧杂货店","content":"《解忧杂货店》是日本作家东野圭吾

需求说明：完成网易健康页面的基本布局。在生命周期函数created()中使用Axios请求“网易健康”数据，数据为本地模拟的数据，详见health.json文件。health.json文件：链接：https://pan.baidu.com/s/1_f3rKXSEse7QoJ_FZtfGuA提取码：2jf5遍历渲染显示“网易健康”接口数据到页面中，页面效果如图。实现过程：在项目下安装axios：np