【前端】
文章平均质量分 92
追yi个小太阳
长亭外,古道边,芳草碧连天
展开
-
【Vue】搭建动态路由实现简单效果图
作为一个新手小白,本文章主要是实现一个简单的动态路由效果,主要是为了快速实现效果,文章内容只为了参考复述只为了记录,不作其它的,所有的目录结构均参考抄录第二步:剔除的eslint及删除多余路由引入依赖,运行项目打包运行可以看到效果图第四步:修改生产和开发环境第五步:修改登录接口和获取用户信息接口第六步:修改actions里面的login接口地址,根据字段正确存储token第七步:修改getters.js存储信息第八步:修改request.js第九步:新增导入组件的方法/翻译 2022-07-05 10:20:32 · 552 阅读 · 0 评论 -
【vue2】06_路由
文章目录前端路由的概念与原理1. 什么是路由2. SPA 与前端路由3. 什么是前端路由4. 前端路由的工作方式5. 实现简易的前端路由vue-router 的基本使用1. 什么是 vue-router2. vue-router 安装和配置的步骤2.1 在项目中安装 vue-router2.2 创建路由模块2.3 导入并挂载路由模块2.4 声明路由链接和占位符3. 声明路由的匹配规则vue-router 的常见用法1. 路由重定向2. 嵌套路由3. 子路由和 children 属性3.1 声明子路由链接和子翻译 2022-06-18 00:15:00 · 560 阅读 · 0 评论 -
【vue2】05_动态组件 & 插槽 & 自定义指令
文章目录动态组件1. 什么是动态组件2. 如何实现动态组件渲染3. 使用 keep-alive 保持状态4. keep-alive 对应的生命周期函数5. keep-alive 的 include 属性插槽1. 什么是插槽2. 体验插槽的基础用法2.1 没有预留插槽的内容会被丢弃2.2 后备内容3. 具名插槽3.1 为具名插槽提供内容3.2 具名插槽的简写形式4. 作用域插槽4.1 使用作用域插槽4.2 解构插槽 Prop自定义指令1. 什么是自定义指令2. 自定义指令的分类3. 私有自定义指令4. 使用自翻译 2022-05-22 00:00:00 · 173 阅读 · 0 评论 -
【vue2】04_生命周期 & 数据共享
文章目录组件的生命周期1. 生命周期 & 生命周期函数2. 组件生命周期函数的分类3. 生命周期图示组件之间的数据共享1. 组件之间的关系2. 父子组件之间的数据共享2.1 父组件向子组件共享数据2.2 子组件向父组件共享数据3. 兄弟组件之间的数据共享EventBus 的使用步骤ref 引用1. 什么是 ref 引用2. 使用 ref 引用 DOM 元素3. 使用 ref 引用组件实例4. 控制文本框和按钮的按需切换5. 让文本框自动获得焦点6. this.$nextTick(cb) 方法购物车案翻译 2022-05-21 23:00:00 · 2125 阅读 · 0 评论 -
【vue2】03_vue基础入门
文章目录watch 侦听器1. 什么是 watch 侦听器2. 使用 watch 检测用户名是否可用3. immediate 选项4. deep 选项5. 监听对象单个属性的变化6. 总结计算机属性1. 什么是计算属性2. 计算属性的特点vue-cli1. 什么是单页面应用程序2. 什么是 vue-cli3. 安装和使用4. vue 项目的运行流程vue组件1. 什么是组件化开发2. vue 中的组件化开发3. vue 组件的三个组成部分3.1 template3.2 script.vue 组件中的 dat翻译 2022-05-15 00:00:00 · 114 阅读 · 0 评论 -
【vue2】02_基础入门之一
文章目录vue简介1.什么是vue2.vue的特性2.1 数据驱动视图2.2 双向数据绑定2.3 MVVM2.4 MVVM的工作原理3. vue版本vue的基本使用1. 基本使用步骤2. 基本代码与MVVM的对应关系vue的调试工具1. 安装vue-devtools调试工具2. 配置Chrome浏览器中的vue-devtools3. 使用vue-devtools调试vue页面vue的指令与过滤器1. 指令的概念1.1 内容渲染指令1.1.1 v-text1.1.2 {{ }} 语法1.1.3 v-html1翻译 2022-05-13 23:15:00 · 268 阅读 · 0 评论 -
【vue2】01_前端工程化与webpack
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar翻译 2022-05-07 09:52:55 · 185 阅读 · 0 评论 -
【CSS】:中文颜色名称对照
中文颜色名称颜色对照表 鸨色 #f7acbc 赤白橡 #deab8a 油色 #817936 绀桔梗 #444693 踯躅色 #ef5b9c 肌色 #fedcbd 伽罗色 #7f7522 花色 #2b4490 桜色 #feeeed 橙色 #f47920 青丹 #80752c 瑠璃色 #2a5caa 蔷薇色 #f05b72 灰茶 #905a3d 莺色 #87843b .翻译 2021-07-24 12:25:44 · 593 阅读 · 0 评论 -
【CSS】:国际色彩标准名称与色值
国际色彩标准名称与色值 颜色 英文 中文 Hex RGB Decimal LightPink 浅粉红 #FFB6C1 255,182,193 Pink 粉红 #FFC0CB 255,192,20.翻译 2021-07-24 10:28:44 · 1594 阅读 · 0 评论 -
【HTML】:入门篇
HTML主要负责搭建页面结构和内容主要学习的就是HTML内部有哪些标签,标签有哪些属性,标签和标签的嵌套关系结构介绍<!DOCTYPE html><!-- 以h5的标准,解析页面 --> <html><!-- 根标签 --> <head><!-- 头标签:里面的内容是给浏览器看的 -->...翻译 2020-04-22 14:33:49 · 141 阅读 · 0 评论