摘要: 九、用户页面 该模块作为学生作业,不讲解,仅供源码参考。 创建组件并配置路由 1、创建 views/user/index.vue <template> <div class="user-container">用户页面</div> </template> <script> export default 阅读全文
posted @ 2022-05-19 22:37 PikachuTT 阅读(84) 评论(0) 推荐(0) 编辑
摘要: 六、文章搜索 创建组件并配置路由 1、创建 src/views/search/index.vue <template> <div class="search-container">搜索页面</div> </template> <script> export default { name: "Sear 阅读全文
posted @ 2022-05-19 22:34 PikachuTT 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 四、首页—文章列表 页面布局 头部导航栏 1、使用导航栏组件 2、在导航栏组件中插入按钮 文本 图标 3、样式调整 宽高 背景色 边框 文本大小 图标大小 <template> <div class="home-container"> <!-- 导航栏 --> <van-nav-bar class= 阅读全文
posted @ 2022-05-19 22:27 PikachuTT 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 开发文档 - 黑马头条 src目录树 D:. │ App.vue │ main.js │ ├─api │ user.js │ ├─assets ├─components ├─router │ index.js │ ├─store │ index.js │ ├─styles │ icon.css │ 阅读全文
posted @ 2022-05-19 15:14 PikachuTT 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 开发文档 - 黑马头条 最新API接口 在线演示 http://toutiao.itheima.net/ 接口文档 http://toutiao.itheima.net/api.html 文件结构 D:. │ App.vue │ main.js │ ├─api │ user.js │ ├─asset 阅读全文
posted @ 2022-05-19 14:31 PikachuTT 阅读(292) 评论(0) 推荐(0) 编辑
摘要: axios 入门 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 安装 使用 npm: $ npm install axios 使用 bower: $ bower install axios 使用 cdn: <script src="https:// 阅读全文
posted @ 2022-05-06 08:58 PikachuTT 阅读(66) 评论(0) 推荐(0) 编辑
摘要: Vue-Vuex Vuex 概述 组件之间共享数据的方式 父向子传值:v-bind 属性绑定 子向父传值:v-on 事件绑定 兄弟组件之间共享数据: EventBus $on 接收数据的那个组件 $emit 发送数据的那个组件 Vuex 是什么 Vuex 是实现组件全局状态(数据)管理的一种机制,可 阅读全文
posted @ 2022-04-29 13:16 PikachuTT 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 项目优化 nprogress 进度条 安装运行依赖:nprogress 文档地址:https://www.cnblogs.com/d-lir/p/14018641.html 在项目的/src/main.js中添加如下代码 // axios请求拦截器 axios.interceptors.reques 阅读全文
posted @ 2022-04-29 11:42 PikachuTT 阅读(32) 评论(0) 推荐(0) 编辑
摘要: Vue-工程化 模块化相关规范 概述 传统开发模式的主要问题 命名冲突 文件依赖 通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块 模块化开发的好处:方便代码的重用,从而提升开发效率,并且方便后期的维 阅读全文
posted @ 2022-02-12 18:01 PikachuTT 阅读(33) 评论(0) 推荐(0) 编辑
摘要: Vue - 组件 组件化开发思想 现实中的组件化思想体现 标准、分治、重用、组合 编程中的组件化思想体现 组件化规范: Web Components 我们希望尽可能多的重用代码 自定义组件的方式不太容易(html、css和js) 多次使用组件可能导致冲突 Web Components 通过创建封装好 阅读全文
posted @ 2022-02-12 17:07 PikachuTT 阅读(26) 评论(0) 推荐(0) 编辑