- 博客(12)
- 收藏
- 关注
RSS订阅原创 自动生成路由插件使用
到这里的时候可能有人会认为这个是router-link 弄出来的结果，但是重点不是页面而是我在调试打印出来的得routes，这个console 是在main.ts 打印的，这个routes有name，有path,那么可以用这个创建侧边栏和tagsView 了，那么这个插件的目的就达到了。(刚开始以为这是在脱裤子放屁，其实不是的，安装这个插件就是为了不用去写router文件，个人认为页面比较简单可以用这个，页面路由比较繁琐的可以用传统方式）插件名称：vite-plugin-pages。
2023-08-04 08:44:56
142
原创 vue 项目上的一些经验学习记录
里面的<link rel="icon" href="<%= BASE_URL %>favicon.ico"> 就是这个图标的设置，想要换就换图标就行， title也是直接换就行，但是如果我想让title 随着路由的跳转，也在title 上展示咧，虽然有点无聊的想法，哈哈，但是还是记录一下。这个 getPageTitle 转了一层，就是在工具写了个函数，返回setting.js 的title。这个to.meta.title 是路由元的信息，记得在路由的时候写不写就没有得展示。
2023-07-21 11:07:45
89
原创 项目文件package.json的配置与.env[mode] 的一些配置作用
同时提一下，在开发过程中还会有一个测试环境，比较多的公司会写成.env.test 这个名字就比较简单明了，还有的公司会写成，.env.staging 这个也是测试环境，刚开始看到我也比较懵，上网查找了一下才知道。最近看到的vue项目的.env 文件，其实这个是vue 的全局环境变量，使用vue-cli 创建项目的时候会默认生成一个.env 的文件，.env 可以存储不同的环境变量。两者都存在的时候，先加载全局文件，再加载环境配置文件，环境配置文件的变量和全局文件的变量相同，后者会覆盖前者。
2023-07-21 10:47:29
1124
原创 mock 数据
"money|1000-9999.1-3":0 //从1000 到9999 的随机数，0 代表数据类型，如果最后的0 换成1000 就是最小的数是1000，换成9999 就是说最大的数据是9999。"name|1-100":100, //随机数据，1到100 之间，100是数据类型。"bridthDay": "@date('yyyy-MM-dd')" ,// 随机的时间。"brother|1": ["jom","jim"]// 随机选取其中一个。好了，就记录到这里了，毕竟用的不多。
2023-07-13 17:34:31
110
原创 vue3 项目的父子组件挂载顺序调整
但是，子组件在挂载的时候就要用到父组件提供的数据，这样就产生了问题，和正常的生命周期不符合，但是又必须要这么做。（其实这里也可以在子组件再请求一遍数据的，但是不能这么干，这么干会被自己的操作笑死），所以只能改变这个生命周期的执行顺序了。// 输出 'Hi' };在父组件中把数据通过provied 方法向下传递，然后，在子组件写一个async await 的延迟函数，然后再执行方法，场景：父组件和子组件在页面展示内容，按照正常的生命周期顺序是 =》父组件创建=》子组件创建=》子组件挂载=》父组件挂载。
2023-05-19 11:20:48
797
1
原创 关于路由模块化和store模块自动载入
当路由表过长的时候，就会考虑拆分路由成模块，然后自动导入；（业务： 当下路由表中有很多的一级路由和二级路由，如果写在一起会非常的混乱，也不好维护，添加；拆分成不同模块，同时路由文件夹语义化，那么寻找或者添加的时候就比较简单明了；import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';const modulesFiles = import.meta.globEager('./routes/
2022-04-14 16:08:58
1046
原创 vue3+vite+typescript 项目创建
用命令行创建:1:npm init @vitejs/app vite-frontend-template2:选择 Vue3：选择vue-ts4:cd vite-frontend-template5:npm install6:npm run dev 结果：创建完成后，需要安装路由和vuex然后在根目录下创建路由文件和store文件夹，同时记得要安装插件volar，本来是要求安装插件Vetur的，但是会报错，然后，上网查找案例，volar可以解决问题。npm i v
2022-02-16 18:10:18
847
原创 vuex的actions操作
前面写了state 的获取和mutations 提交，今天来写actions的提交。actions其实就是mutations，只不过actions做的是异步的操作，mutations做的是同步的操作，所以，actions进行提交动作到mutations,mutations再进行commit,不知道说的理解没。上代码吧：<template>//写有注释的才是重点<div> <p>当前最新的count值为：{{$store.state.count}}&l
2022-02-16 11:47:43
1341
原创 vue 项目的创建注意点
现在的Vue环境也切换到了Vue3 了，所以项目创建的命令也改变了。本人因踩坑，所以特来写写心得。vue2的项目创建命令： npm init webpack -projectvue3项目创建命令: vue create project视图创建法： vue ui随着cli版本的升级，最好使用最新的创建方法，如果你还沿用vue2.0版本的创建方法，可能会出现不兼容的问题，警告，或者报错；例如用vue2.0版本的创建方法的时候是没有vuex的选项的，不能自动安装，只好在项目创建完成的时候手..
2022-02-16 10:52:07
484
原创 vuex理解
vuex 的引入放在的是main.js入口文件，然后在构建实例处挂载，也就是说，store这个文件在所有的页面都可以使用，就相当于组件的router 一样，路由可以通过this.$router访问，那么store 也可以通过this.$store.state访问数据；可以在store文件夹下面建立action，mustation，和modules文件夹，亦可以只建立modules文件夹，然后文件夹里再建立文件，细分文件的归属；同时你也可以这样，直接把文件夹分为state.js,cation.js,m
2022-02-16 09:38:32
554
原创 长用的js语法理解
var year = new Date().getFullYear();//年获取到的月份+1，因为月份在电脑中是从0开始的;var month =new Date().getMonth() +1;//月var Date = new Date().getDate();//日var Day = new Date().getDay();//星期几var Time = new Date().getTime();//时间戳，从1977年开始到现在的毫秒数；var Hours = new Da
2021-10-21 18:03:32
77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人