- 博客(61)
- 收藏
- 关注
RSS订阅原创 vue的组件化
vue的组件化，就是根据功能、业务逻辑、数据流向等因素进行划分把页面拆分成多个组件。组件是资源独立的，组件也可以相互嵌套。在src的components文件下创建，main.js中全局注册。或者在当前需要使用的vue页面同级目录下创建components文件夹代表当前页面的私有组件。可以在src的components文件下创建2个文件夹区分公共组件和私有组件。在src的components文件下创建一个TopTitle.vue的文件。私有组件：创建组件，并通过components节点注册组件。
2024-05-21 14:32:44
382
原创 mixins混入
4.beforeDestroy:组件销毁之前，可以做一些清理操作，比如取消订阅，解绑事件。5.destroyed:组件销毁之后调用，可以做一些清理和资源释放的操作。作用：用来组合多个组件中共用的逻辑，使得代码的复用更加简化，提高开发效率。1.created: 实例创建之后调用，数据初始化或者非响应式的操作。这些钩子函数都会通过mixins混入到组件中，以实现相同逻辑的复用。2.mounted:组件挂载后调用，初始化，或者DOM相关的操作。注意：代码的命名规范，避免数据污染。
2024-05-17 18:09:11
186
原创 微信小程序本地调试请求成功，体验版扫码请求失败
sou了一天，发现本地开发电脑内网，手机扫码用的外网，请求地址外网不可用！而且直接复制ip地址去请求，切换网络就能测试。
2024-05-17 11:25:44
104
原创 vue中的find()函数的用法
其中list是数组，this.list.find()是指在list数组中找某样东西，item是find()函数的寻找某样东西的根据，也可以说是id或者是主键。后面item.code===val是查找这样东西的条件，只有这个item.code完全等于val的时候，才算是找到，才能赋值给obj。find函数基本格式：let obj=this.list.find(item=>item.code==val)相当于find(item){item.code===val}
2024-04-19 11:27:21
1708
1
原创 vue3项目需要切换node版本
Node.js 安装包及源码下载地址为：https://nodejs.org/en/download。打开nvm文件夹，修改settings.txt文件，重新配置。vue3项目需要的node，18以上版本支持。nvm选择刚下载的node版本。复制18以上的版本号。查看本地node版本。
2024-04-12 13:34:27
739
原创 解决echarts报错：Uncaught TypeError: Cannot read property ‘getBoundingClientRect‘ of null at VueComponent
解决echarts报错：Uncaught TypeError: Cannot read property ‘getBoundingClientRect‘ of null at VueComponent
2023-09-28 16:51:29
1040
原创 小程序自定义tabBar+Vant weapp
1）在app.json 以下代码添加对应文件"pages": [],2）注意第1点生成的tabBar 代码文件custom-tab-bar是在根目录下的，生成了以下文件3）在app.json配置tabBar信息在app.json中的tabBar项指定custom字段为true，同时其余tabBar相关配置也补充完整。所有 tab 页的 json 里需声明项，也可以在app.json全局开启。这里的pagePath值前面没有“/”。"list": [{"text": "首页"},{
2023-08-02 12:05:05
953
原创 vue中的filter()函数的用法
不等于val的时候的数组，相当于数组中删除了。首先在这里我们要知道的两个基础知识。是指在list数组中，过滤掉。
2023-06-13 15:27:29
3433
原创 Vue 3（Vue CLI 创建vue3项目）
选择Vue 3：在创建项目时，会提示选择一个预设。选择默认的“Default (Vue 3)”预设即可；安装Node.js：从Node.js官网下载安装包，安装过程中一直按照默认选项即可。现在你已经成功创建并运行了一个基于Vue 3的项目。接下来，你可以修改代码、添加新功能，让它变得更加完善。要创建一个Vue 3项目，需要先安装Node.js和Vue CLI。（“键盘↓”表示选择下一项，“空格键”表示选中，“enter键”进入下一步）其中，my-project是项目名称，可以替换成你自己的项目名称。
2023-06-02 16:13:46
527
原创 React 之 react-redux
重点是提供器（Provider）和连接器（connect），还有两个映射（stateToProps、dispatchToProps）
2023-02-07 20:00:00
95
原创 React JSX
JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。React 使用 JSX 来替代常规的 JavaScript。
2022-12-30 15:59:19
90
原创 vue-router的安装和使用
第一步：导入路由对象，并且调用Vue.use(VueRouter)第三步：使用路由:通过< router-view >推荐安装稳定版本 vue-router@3.5.2。第二步：创建路由实例，并且传入路由映射配置。第三步：在Vue实例中挂载创建的路由实例。第二步：配置路由映射：组件和路径映射关系。vue create 项目名称（英文）第一步：创建路由组件。
2022-11-23 19:15:00
7762
原创 Vant 的 Calendar 日历组件 自定义日期区间minDate、maxDate
1.默认日历时间范围是当前时间到往后的6个月，可通过 min-date 和 max-date 自定义日历的范围
2022-11-23 17:18:26
10935
原创 安装vscode，git之后，点击‘初始化储存库’报错
打开电脑‘设置’----->关于--->高级系统设置---->环境变量------>用户和系统变量都设置一下，点击Path------->新建-------->将git-bash的应用程序地址粘贴到里面----->一直点击确定，直到退出。也可以右键点击Git Bash，点击属性，点击打开文件夹位置，找到要是bin下面的bash.exe，复制文件夹上面的路径就可 (顺便看一下安装最好不要有中文路径不然可能会有问题)记得路径要自己改一下！一个是git.exe,一个是bash.exe。二：vscode 设置。
2022-11-22 17:26:20
1763
原创 this.$set使用场景和用法
给对象加了一个属性，在控制台能打印出来，但是却没有更新到视图上时，也许这个时候就需要用到。target：要更改的数据源(可以是对象或者数组)key：要更改的具体数据。value ：重新赋的值。
2022-09-13 17:42:06
672
原创 echarts地图点击刷新后，定时器叠加了，已解决
注写echarts地图需要自动轮播显示label标签，发现每次点击返回后定时器叠加了。1、每次调用定时器之前需要先清除原有的定时器（clearInterval）2、把定时器变量变为全局变量。
2022-07-27 17:28:23
791
2
原创 Vue项目设置路由缓存白名单，配合meta
路由配置router—>index.jsVuex配置store ---->index.js在App.vue完成！打开谷歌浏览器使用调试工具查看
2022-06-11 10:45:00
1285
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人