- 博客(283)
- 收藏
- 关注
原创 Vue3【二十三】Vue 路由模式 用params给组件传参
Vue3【二十三】Vue 路由模式 用params给组件传参只能使用名称路由需要在路由中提前指定参数占位?代表可选项。
2024-06-13 22:00:00 1394
原创 Vue3【二十二】Vue 路由模式的嵌套路由和用query给组件的RouterLink传参
Vue3【二十二】Vue 路由模式的嵌套路由和用query给组件传参RouterLink 的两种传参方法RouterView。
2024-06-13 19:03:11 974
原创 Vue3【二十一】Vue 路由模式(createWebHashHistory /createWebHistory )和RouterLink写法
Vue3【二十一】Vue 路由模式和普通组件目录结构createWebHistory history模式:url不带#号,需要后端做url适配 适合销售项目 利于seocreateWebHashHistory Hash模式:url 带#号,不需要url适配,比较适合后端项目 不利于seo路由命名 和 配置路由规则Header 组件是一般组件一般放到components文件夹中News About Home 组件是路由组件,一般存放在pages或views文件夹中/*注意。
2024-06-13 16:25:00 4102 3
原创 Vue3【二十】Vue3 路由和组件页面切换
Vue3【二十】Vue3 路由和组件页面切换Vue3 路由的创建路由的引入路由的配置路由的导出路由的url模式 带# 或不带。
2024-06-13 11:52:14 1230
原创 Vue3【十九】自定义Hooks钩子 将数据和方法分组
Vue3【十九】自定义Hooks钩子 将数据和方法分组每个分组都可以放置 各种生命周期钩子分组和可以使用计算属性等。
2024-06-12 15:11:52 407
原创 Vue3【十八】Vue3的生命周期
Vue3【十八】Vue3的生命周期生命周期vue组件实例在创建时要经历一系列的初始化步骤,在此过程中vue会在何时的时机,调用特定的函数,从而让开发者有机会在特定时段运行自己的代码,这些特定的函数统称为:生命周期钩子生命周期整体f分为四个阶段 创建 挂载 更新 销毁,每个阶段两个钩子,一前一后。
2024-06-11 23:51:27 1114
原创 Vue3【十七】props的作用和组件之间的传值限定类型和默认值
Vue3【十七】props的作用和组件之间的传值限定类型和默认值父组件传值给子组件 多个值传递传值限定类型和默认值。
2024-06-11 10:36:17 977
原创 Vue3【十四】watchEffect自动监视多个数据实现,不用明确指出监视哪个数据
Vue3【十四】watchEffect自动监视多个数据实现,不用明确指出监视哪个数据进入立即执行一次,并监视数据变化。
2024-06-09 16:42:50 455
原创 Vue3【十一】08使用toRefs和toRef
toRefs()函数将person对象中的name和age属性转换为响应式引用,并返回一个对象,对象中的name和age属性都是响应式引用,具有响应式功能。toRef()函数将person对象中的name属性转换为响应式引用,并返回一个响应式引用,具有响应式功能。
2024-06-08 14:59:10 1006
原创 Vue3【十】07使用ref创建基本类型的响应式数据以及ref和reactive区别
ref 也可以创建对象类型的响应式数据,不过要使用.valueref 处理对象数据的时候,底层数据还是reactive格式的reactive 重新分配一个新对象,会失去响应式可以使用Object.assign()来做整体替换,不会丢失响应式若要使用一个基本类型的响应式数据,必须使用ref若要使用一个响应式对象成绩不深,ref和reactive都可以若要使用一个响应式对象,层级比较深,推荐reactive。
2024-06-08 10:54:26 1057
原创 Vue3【九】reactive 创建对象类型的响应式数据
reactive() 定义对象类型的响应式数据,可以任何类型的对象默认开启对象的深度响应绑定不能创建基本类型的响应式数据。
2024-06-07 15:27:27 890
原创 Vue3【八】ref创建基本类型的响应式数据
在setup中直接声明变量不是实时变化的响应式数据要想使基本类型数据变成响应式数据,需要用到ref()函数。
2024-06-07 13:39:06 441
原创 Vue3【七】setup的语法糖setup简写方法
Vue3【七】setup的语法糖setup简写方法使用script标签式写法称为setup语法糖组件名称默认位文件名export 的内容可以省略。
2024-06-07 11:46:09 372
原创 Vue3【六】setup的使用和setup的返回值
setup函数的使用,和vue2的选项式不同 vue3的组合式使用的是setup函数通过返回值将数据和方法传到页面返回值也可以是一个箭头函数setup先于 data和method执行所有无法读取到this和data,method的内容,反之可以。
2024-06-07 10:18:36 734
原创 Vue3【四】使用Vue2的写法写一个新的组件子组件和根组件
Vue3【四】使用Vue2的写法写一个新的组件Vue3是向下兼容的,所有可以使用Vue的选项式写法。
2024-06-06 14:30:59 431
原创 Vue3 一 快速启动基于Vite 创建项目
Win+R输入 CMD 回车后打开CMD命令行已安装 18.3以上版本的NodeJS,js(我们用 NPM 方式安装 输入命令。
2024-06-05 23:47:39 360
原创 PyQt5 使用setStyleSheet设置控件的样式
字体属性:(font)大小}(特大)xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:px、pt样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位:PX、PD、EM粗细 {font-weight: bold;}(粗体) lighter;(细体) normal;(正常)变体 {font-variant: small-caps;}(小型大写字母) normal。
2024-03-14 09:32:50 1868
原创 sshd 解决问题 Deprecated SSH Cryptographic Settings 通过修改配置 去掉废弃的加密算法
我们通过配置文件来去掉这两个算法,只保留系统中的其他算法。漏洞检测报说 使用废弃的加密算法。先检查系统中支持的加密算法。
2023-10-23 16:49:36 618
原创 Qt Creater 设计的登录注册界面 使用SQLite数据库
mainwindow.cppsignup.cpp页面UImainwindow.uisignup.ui头文件mainwindow.hsignup.h项目文件 Login.pro图片资源按钮注册页面图
2023-10-23 16:44:08 950
原创 pyqt5 QProgressDialog 进度条的使用 下载自动更新应用程序
【代码】pyqt5 QProgressDialog 进度条的使用 下载自动更新应用程序。
2023-10-19 11:07:43 571
原创 django报错解决 Forbidden (403) CSRF verification failed. Request aborted.
setting.py 文件加入以下内容。
2023-09-09 20:45:48 1407
原创 django 报错 DisallowedHost at Invalid HTTP_HOST header: ‘*.com‘. You may need to add ‘*.com‘ to ALL
添加信任网址到 setting.py。
2023-09-09 20:29:07 244
原创 mysql8 添加一个用户 并给与所有权限 报错解决
报错 You have an error in your SQL syntax。grant all privileges on 语句。
2023-09-08 20:45:13 746
原创 Qt-creater 在线安装太慢,换国内源
链接: https://mirrors.tuna.tsinghua.edu.cn/qt/official_releases/online_installers/安装需要耗费比较久的时间,耐心等待即可
2023-08-28 12:42:24 733
原创 PHP5.4以下解决json_encode中文UNICODE转码问题
PHP5.4以下解决json_encode中文UNICODE转码问题把汉字先urlencode 然后再使用json_encode,json_encode之后 再次使用urldecode来解码,这样编码出来的json数组中的 汉字就不会出现unicode编码了。
2023-07-10 20:58:25 802
原创 python 给你一个下标从 0 开始的数组 nums ,数组大小为 n ,且由 非负 整数组成
给你一个下标从 0 开始的数组 nums ,数组大小为 n ,且由 非负 整数组成。你需要对数组执行 n - 1 步操作,其中第 i 步操作(从 0 开始计数)要求>对 nums 中第 i 个元素执行下述指令:如果 nums[i] == nums[i + 1] ,则 nums[i] 的值变成原来的 2 倍,nums[i + 1] 的值变成 0。否则,跳过这步操作。在执行完 全部 操作后,将所有 0 移动 到数组的 末尾。
2023-06-05 11:12:58 584
原创 UNIAPP实战项目笔记72 提交订单到选择支付方式的前后端交互
清空购物车数据后前端代码 index.jsnodejs 后端代码 index.js前端购物车页面 shopcart.vue前端订单确认界面 confirm-order.vue前端 选择支付方式界面 payment.vue目录结构前端目录结构manifest.json 配置文件: appid、logo…pages.json 配置文件: 导航、 tabbar、 路由main.js vue初始化入口文件App.vue 全局配置:样式、全局监视s
2023-05-13 17:06:58 685 2
原创 UNIAPP实战项目笔记71 订单到支付和生成订单号的前后端交互
发送请求:传递商品数据前端就拿到了订单号进行存储并且跳转到确认订单页面后端生成一个订单,并且返回给前端一个订单号前端传值给后端,后端生成订单号发给前端前端代码 shopcart.js前端 payment.vue目录结构前端目录结构manifest.json 配置文件: appid、logo…pages.json 配置文件: 导航、 tabbar、 路由main.js vue初始化入口文件App.vue 全局配置:样式、全局监视static
2023-05-13 13:43:56 933
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人