- 博客(133)
- 收藏
- 关注
原创 vue3 + axios简单的路由传参
查看组件有没有安装完成。如果没有安装,请输入命令安装。全局引入的出入口,所有的组件都要引入到这里。一、找到package.json文件。二、找到main.js文件。
2023-10-09 12:29:55
351
原创 vuex简单的案例
1、安装NutUI 3.0插件,npm i @nutui/二、创建store文件夹,index.js文件。六、配合NutUI 3.0储存用户信息。三、在main.js中全局引入。2、在main.js中全局引入。3、在store里添加数据。四、在组件里添加数据。五、点击按钮累加数字。
2023-09-28 00:29:44
285
原创 使用vite配置路由
在src下新建router文件夹和views文件夹。在router文件夹下新建index.js文件,在views文件夹下新建InDex.vue文件。注意:router 文件夹、index.js文件、views 文件夹、InDex.vue文件最好不要改名字,因为全局配置中会用到。二、安装路由,指令npm install vue-router@4。一、创建vite项目。
2023-09-26 15:45:33
3413
原创 父子传递案例
vue.config.js 中添加lintOnSave:false,复制粘贴完整代码。如果方法一没有用,请用方法二。新建一个文件,编辑器警告。
2023-09-20 20:00:45
54
原创 引入组件简单案例
在这种情况下,vscode缓存中放的是 New.vue,改了大小写后,vscode试图把 NeW.vue文件放进缓存是,判别到重复了,就会提示错误:Already included file name 'components/New.vue' differs from file name 'components/New.vue' only in casing。5、如果还不行,在保持名字不变的情况下:先在vscode中改成别的名字,重启vscode,再改成原来想改的名字。4、重启vscode。
2023-09-18 09:28:37
173
原创 在网址上输入 url, 它经历了什么?
第二他会建立 tcb 的连接。第三发送一个http的请求。第一进行DNS的域名解析。第四服务器处理相关的请求。第七浏览器解析HTML。第八浏览器迸行布局渲染。第五是返回响应的结果。第六关闭TCP的连接。
2023-09-07 19:48:02
82
原创 简单的路由页面跳转
四、将剪切下来的About复制在按钮里面。二、将里面的About剪切下来。六、更改About页面里的内容。五、找到About页面。三、找到默认显示页面。
2023-09-06 10:11:47
89
原创 关于学习前端的技巧
其实我并不在乎说我得用vue 3去敲什么代码,实际上我学东西我很少去敲代码,基本上不动手的,我就坐在那里看一边看一边想,我也不在乎它里边用到了哪些函数,每个函数要传什么参数,这个函数的名字是啥我完全不在乎,代码对我而言它不是目的而是为了去看清那个东西到底是啥的手段,如果说我需要敲代码我才能看清那我就敲,我不敲代码我也能看清我就不敲,一旦我把那个东西看清楚了过后,如果说达到了一个足够高的分辨率,那么这个东西的所有问题我全能解决,尽管我可能一行代码都没敲过。当我拿到一个新东西的时候,它在我的脑海里边是一团雾。
2023-09-04 12:10:41
147
原创 前后端分手大师——MVVM 模式?
看到了吧,View 层展现的不是 Model 层的数据,而是 ViewModel 的数据,由 ViewModel 负责与 Model 层。层的数据,已经产生了各种各样的前后端模板语言,比如 FreeMarker、Marko、Pug、Jinja2等等,各大 MVVM。地提高了前端开发效率。交互,这就完全解耦了 View 层和 Model 层,这个解耦是至关重要的,它是前后端分离方案实施的重要一环。来的数据模型包括视图的状态和行为两部分,而 Model 层的数据模型是只包含状态的,比如页面的这一块展示什。
2023-09-01 09:31:38
195
原创 前端一阶段进入二阶段后的学习如何进行?
随着需求越来越复杂,代码越来越多,只是盯着代码看,是很难看出问题的(很抽象)。所以,一开始需要学会调试程序如:使用alert,console.log打印关键变量的值,打印可能出问题的值,打印出每一步计算的结果;对于一个复杂的问题,如果不会拆分,必然会觉得无从下手,大脑一片空白。所以,痛苦相伴,痛并快乐着,是高级快乐。2)、直观,很容易出效果,很快会有成就感。注释就是思路,就是汉字,即先写好汉字思路,然后再把每一句汉字描述,写出计算机语言进行描述。刚开始不会拆,怎么办?加油,同学们,IT,前端,我们在路上!
2023-09-01 09:17:51
126
原创 数字排序(数字升序)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body></bo
2023-09-01 09:12:37
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人