自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(47)
  • 问答 (1)
  • 收藏
  • 关注

原创 vue项目当我们进入主页时,加载了哪些组件?

首先我们可以看到根组件是App.vue然后可以看到App.vue里面只有一个路由出口,所以我们再去看路由配置文件(router/index.js)因为进的是主页所以我们直接看"/"根路径就可以了,可以看到挂载了layout组件(layout/index.vue)如图在index.vue挂载了三个子组件分别是Navbar,Sidebar,AppMain然后可以看到在AppMain.vue里面可以看到有一个二级路由出口,所以再回到router/index....

2021-10-13 21:09:21 542

原创 常见的web前端编程软件

Web前端开发最常见的编程软件有以下几种: 1.Visual Studio Code(VS Code) 简介: Visual Studio Code(VS Code)是微软2015年推出的一个轻量但功能强大的源代码编辑器,基于 Electron 开发,支持 Windows、Linux 和 macOS 操作系统。它内置了对JavaScript,TypeScript和Node.js的支持并且具有丰富的其它语言和扩展的支持,功能超级强大。Visual Studi...

2021-10-13 19:25:36 1980

原创 reduce的小练习

目标:转换格式const arr = [{label: '男', value: 0},{label: '女', value: 1}]function f(arr) { // 写代码 // reduce}const obj = f(arr) // obj ===> {0: '男', 1:'女'}代码: 感觉遍历数组的方法差不多都可以做 以下我总结了几种1.reduce方法 const arr = [{label: '男', value: 0},{la...

2021-10-05 23:12:34 68

原创 图书渲染练习

先来看效果目标 通过vuex发送请求 渲染页面 代码:

2021-10-05 23:06:33 120

原创 简易购物车

新手vue中练习v-module与计算属性computed的小demo这里也可以在插值表达式中直接运算结果 但是个人提倡通过计算属性来对数据进行计算v-module.后面的是修饰符 有三个属性.lazy并不是实时改变,而是在失去焦点或者按回车时才会更新.number将输入转换成Number类型.trim可以自动过滤输入首尾的空格代码:<template> <div id="app"> <nav> <h...

2021-10-05 22:55:00 77

原创 常用的VScode快捷键

1. Ctrl+C复制选中的文本,如果空选,则复制这一行2.Ctrl+X剪切选中的文本,如果空选,则剪切这一行3. Ctrl+V粘贴文本4. Ctrl+A全选5.Ctrl+Z返回上一步6.Ctrl+/单行注释7.Ctrl+S保存8.Crl+F查找9.Crl+P查找文件10. Crl+ ` (Tab上面的按键)打开终端11. A|t+Z自动换行12.Crl+↑ / ↓上下滚动13.A|t+↑ / ↓当前所在文本行上下移动14.Cr.

2021-09-29 21:59:39 165

原创 系统学习vuex

五大核心1.state: 统一定义公共数据(类似于data) (1) 如何使用全局state 1.直接使用: $store.state.属性名 (this.$store.state.属性名) 2.map辅助函数:在组件中按需导入mapStateimport{mapState}from"vuex"在计算属性中添加你要使用的state属性computed: { ...mapState(['xxx']), ...mapStat...

2021-09-28 19:48:14 276 1

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除