随笔分类 -  框架-Vue

摘要:九、用户页面 该模块作为学生作业,不讲解,仅供源码参考。 创建组件并配置路由 1、创建 views/user/index.vue <template> <div class="user-container">用户页面</div> </template> <script> export default 阅读全文
posted @ 2022-05-19 22:37 PikachuTT 阅读(129) 评论(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 阅读(232) 评论(0) 推荐(0)
摘要:四、首页—文章列表 页面布局 头部导航栏 1、使用导航栏组件 2、在导航栏组件中插入按钮 文本 图标 3、样式调整 宽高 背景色 边框 文本大小 图标大小 <template> <div class="home-container"> <!-- 导航栏 --> <van-nav-bar class= 阅读全文
posted @ 2022-05-19 22:27 PikachuTT 阅读(248) 评论(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 阅读(169) 评论(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 阅读(647) 评论(0) 推荐(0)
摘要:Vue-Vuex Vuex 概述 组件之间共享数据的方式 父向子传值:v-bind 属性绑定 子向父传值:v-on 事件绑定 兄弟组件之间共享数据: EventBus $on 接收数据的那个组件 $emit 发送数据的那个组件 Vuex 是什么 Vuex 是实现组件全局状态(数据)管理的一种机制,可 阅读全文
posted @ 2022-04-29 13:16 PikachuTT 阅读(70) 评论(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 阅读(58) 评论(0) 推荐(0)
摘要:Vue-工程化 模块化相关规范 概述 传统开发模式的主要问题 命名冲突 文件依赖 通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块 模块化开发的好处:方便代码的重用,从而提升开发效率,并且方便后期的维 阅读全文
posted @ 2022-02-12 18:01 PikachuTT 阅读(64) 评论(0) 推荐(0)
摘要:Vue - 组件 组件化开发思想 现实中的组件化思想体现 标准、分治、重用、组合 编程中的组件化思想体现 组件化规范: Web Components 我们希望尽可能多的重用代码 自定义组件的方式不太容易(html、css和js) 多次使用组件可能导致冲突 Web Components 通过创建封装好 阅读全文
posted @ 2022-02-12 17:07 PikachuTT 阅读(45) 评论(0) 推荐(0)
摘要:16-Vue-Router 路由的基本概念与原理 概念:路由是一个比较广义和抽象的概念,路由的本质就是对应关系。 分类:后端路由、前端路由 后端路由 概念:根据不同的用户 URL 请求,返回不同的内容 本质:URL 请求地址与服务器资源之间的对应关系 SPA SPA(Single Page Appl 阅读全文
posted @ 2022-02-12 16:25 PikachuTT 阅读(92) 评论(0) 推荐(0)
摘要:Webpack 网页静态资源的问题 网页中常见静态资源? JS .js .jsx .coffee .ts(TypeScript 类 C# 语言) CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字体文件(Fonts) .svg . 阅读全文
posted @ 2021-05-27 12:22 PikachuTT 阅读(60) 评论(0) 推荐(0)
摘要:组件 定义Vue组件 什么是组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可; 组件化和模块化的不同: 模块化: 是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一; 组件 阅读全文
posted @ 2021-05-03 11:21 PikachuTT 阅读(124) 评论(0) 推荐(0)
摘要:指令 v-text 预期:string 详细: 更新元素的 textContent。如果要更新部分的 textContent,需要使用 Mustache 插值。 示例: <span v-text="msg"></span> <!-- 等价于 --> <span>{{msg}}</span> 参考:数 阅读全文
posted @ 2021-04-22 17:30 PikachuTT 阅读(131) 评论(0) 推荐(0)