weixin_44946585的博客

1、创建 组件2、然后将该页面配置到根级路由页面布局使用到的 Vant 中的组件：NavBar 导航栏Loading 加载Cell 单元格Button 按钮Image 图片Divider 分割线Icon 图标关于后端返回数据中的大数字问题之所以请求文章详情返回 404 是因为我们请求发送的文章 ID （article.art_id）不正确。JavaScript 能够准确表示的整数范围在到之间（不含两个端点），超过这个范围，无法精确表示这个值，这使得 JavaScript 不适合进行科学和金融方

二、在子组件中监视搜索框输入内容的变化，如果变化则请求获取联想建议数据。如何把字符串中指定字符统一替换为高亮（包裹了 HTML）的字符？1、在 data 中添加一个数据用来控制删除相关元素的显示状态。2、然后把搜索页面的路由配置到根组件路由（一级路由）一、将父组件中搜索框输入的内容传给联想建议子组件。1、在 data 中添加一个数据用来存储历史记录。中添加数据用来控制搜索结果的显示状态。三、将获取到的联想建议数据展示到列表中。1、声明接收父组件中的搜索框输入的内容。2、然后在联想建议列表项中绑定调用。

然后你会神奇的发现点击的那个推荐频道跑到我的频道中了，我们并没有去手动的删除点击的这个推荐频道，但是它没了！主要是因为推荐频道是通过一个计算属性获取的，计算属性中使用了 channels（我的频道）数据，所以只要我的频道中的数据发生变化，那么计算属性就会重新运算获取最新的数据。提示：获取登录用户的频道列表和获取默认推荐的频道列表是同一个数据接口。没有用来获取推荐频道的数据接口，但是我们有获取所有频道列表的数据接口。2、在编辑频道组件中请求获取所有频道数据。2、在频道编辑组件中声明接收父组件的。

1、使用导航栏组件2、在导航栏组件中插入按钮3、样式调整频道列表参考：Tab 标签页组件（1）基础样式调整（2）处理汉堡按钮1、使用插槽插入内容2、样式调整3、使用伪元素设置渐变边框4、添加占位符充当内容区域CSS 样式：展示频道列表思路：1、封装数据请求接口2、请求获取数据3、模板绑定你的思路可能是这样的：1、找到数据接口2、封装请求方法3、在组件中请求获取数据，将数据存储到 data 中4、模板绑定展示根据不同的频道加载不同的文章列表，你的思路可能是这样的：思路没有问题，但是并不是我们想要的

通过分析页面，我们可以看到，首页、问答、视频、我的 都使用的是同一个底部标签栏，我们没必要在每个页面中都写一个，所以为了通用方便，我们可以使用 Vue Router 的嵌套路由来处理。项目中的接口除了登录之外大多数都需要提供 token 才有访问权限。通过接口文档可以看到，后端接口要求我们将 token 放到请求头。二、将四个主页面配置为 tab-bar 的子路由。方式二：使用请求拦截器统一添加（推荐，更方便）。二、分别创建首页、问答、视频、我的页面组件。方式一：在每次请求的时候手动添加（麻烦）。

1、创建 并写入以下内容2、然后在 中配置登录页的路由表最后，访问 查看是否能访问到登录页面。这里主要使用到三个 Vant 组件：1、2、实现基本登录功能思路：一、根据接口要求绑定获取表单数据1、在登录页面组件的实例选项 data 中添加 数据字段2、在表单中使用 绑定对应数据最后测试。二、请求登录1、创建 封装请求方法2、给登录按钮注册点击事件最后测试。Vant 中内置了Toast 轻提示组件，可以实现移动端常见的提示效果。另外需要注意的是：Toast 默认采用单例模式，

项目初始化