- 博客(25)
- 收藏
- 关注
原创 Vue3-组件通信
子 => 父。注意区分好:原生事件、自定义事件。原生事件:事件名是特定的(clickmosueenter等等)事件对象$event: 是包含事件相关信息的对象(pageXpageYtargetkeyCode自定义事件:事件名是任意名称 推荐你始终使用 kebab-case 的事件名事件对象$event: 是调用emit时所提供的数据,可以是任意类型!!!--在父组件中,给子组件绑定自定义事件:-->父组件
2024-07-26 09:46:53 733
原创 Pinia
中的数据,需要经过处理后再使用时,可以使用。此时开发者工具中已经有了。的实体,每个组件都可以。第一种修改方式,直接修改。第二种修改方式:批量修改。中可以编写一些业务逻辑)通过 store 的。第三种修改方式:借助。
2024-07-17 12:00:09 916
原创 Vue3-路由
缺点:后期项目上线,需要服务端配合处理路径问题,否则刷新会有。通过点击导航,视觉效果上“消失” 了的路由组件,默认是被。作用:让路由组件更方便的收到参数(可以将路由参数作为。优点:兼容性更好,因为不需要服务器端处理路径。作用:控制路由跳转时操作浏览器历史记录的模式。作用:可以简化路由跳转及传参(后面就讲)。配置路由规则,使用children。参数时,需要提前在规则中占位。参数时,需要提前在规则中占位。首先,在你的项目中创建一个。文件夹,一般组件通常存放在。掉的,需要的时候再去。的对象写法,必须使用。
2024-07-17 11:39:05 1046
原创 Electron+Vue3开发桌面文件加密工具应用
解决方法:打开 node_module/app-builder-lib/out/targets/nsis/NsisTarget.js文件,在 executeMakensis 方法中加入 args.push("-INPUTCHARSET", "UTF8");如下图所示,提示我们选择Electron版本,直接选择最新13.0.0版本即可。如图,安装完成,我这边安装的yarn,所以vue默认用yarn作包管理了,如果你使用的npm或cnpm,使用npm run serve 运行即可。如下图,则项目创建成功。
2023-07-11 15:54:00 977
原创 uniapp创建Vue3项目总结
在项目src目录中的main.js中,引入并使用uview-plus的JS库,注意这两行要放在const app = createSSRApp(App)之后。exports 等于 module.exports,相当于在js文件头部,有一个module对象,module.exports = exports;在App.vue中首行的位置引入,注意给style标签加入lang="scss"属性。解决方法:将v-show 替换为 v-if。解决方案:配置所需要使用的第三方地图的。
2023-07-11 14:48:01 6448 3
原创 uni-app开发总结分享
uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到14个平台:iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。uni-app官网下面是uni-app功能框架图,可以了解下它的架构。uniapp底层集成了native技术,就是h5+引擎,能调用手机原生api,所以uniapp能开发接近原生性能的app,这是js引擎部分;它是双引擎,渲染又是独立一个独立引擎。
2023-04-24 11:34:44 10006
原创 【ucharts】uniapp -- 使用秋云 ucharts echarts高性能跨全端图表组件
uniapp -- 使用秋云 ucharts 实现图表展示
2022-10-21 11:16:52 4670 3
原创 vue实现高德地图点聚合功能
点聚合功能代码如下:/* 聚合功能 */ var sts = [ { url: "http://isdapp.shandong.gov.cn/ceshicomp/resources/lnzbslc/dbx5x.png", size: new AMap.Size(32, 32), offset: new AMap.Pixel(-16, -16), tex....
2021-12-28 14:48:16 5160 8
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人