![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
会点php的前端小渣渣
技术栈:mvc框架+react+vue+小程序+微信公众号开发
展开
-
vue3的cdn方式+element plus的cdn方式使用
【代码】vue3的cdn方式+element plus的cdn方式使用。原创 2024-02-27 10:23:16 · 1286 阅读 · 0 评论 -
js 简易封装字符串加密解密函数
【代码】js 简易封装字符串加密解密函数。原创 2023-11-13 14:35:28 · 169 阅读 · 0 评论 -
eharts v5版本树形图数据过多展示全部重叠
【代码】eharts v5版本树形图数据过多展示全部重叠。原创 2023-09-22 11:03:26 · 418 阅读 · 0 评论 -
iframe父子窗口通信(免跨域)(最下面附带封装好的)
子窗口对父窗口发出消息。父窗口向子窗口发送消息。原创 2023-08-29 17:09:42 · 179 阅读 · 0 评论 -
vant4 自定义垂直步骤条时间线组件几行css代码改造完成(附效果图)
【代码】vant4 自定义垂直步骤条时间线组件几行css代码改造完成(附效果图)原创 2023-08-21 18:03:24 · 1148 阅读 · 4 评论 -
vue纯css实现动态鱼骨图组件,附图片示例
可以指定鱼骨根数和鱼翅的数量,具体看代码就行,默认4根鱼骨5个鱼翅。原创 2023-04-23 09:53:31 · 2435 阅读 · 0 评论 -
vue里面改变了vuex数据视图不更新,也监听不到原因(踩坑)
解决办法是:使用 Object.assign({}, pageInfo.detail, obj)赋值即可正常解决。我也不说什么计算属性里面要依赖data里面的变量变化了才计算。首先我这里就不说什么强制刷新api了,那东西没用。因为上面2个我都试过了。原创 2023-03-07 10:01:41 · 1098 阅读 · 0 评论 -
vscode一键生成vue代码骨架
在编辑器输入vue关键词,即可看到效果。vscode->设置->用户片段,选择vue 粘贴以下代码后,原创 2023-02-13 15:01:25 · 482 阅读 · 0 评论 -
使用jquery方式渲染vue的组件方法
【代码】使用jquery方式渲染vue的组件方法。原创 2023-01-28 14:12:46 · 326 阅读 · 0 评论 -
element-plus 树形控件el-tree 修改小三角图标
【代码】element-plus 树形控件el-tree 修改小三角图标。原创 2023-01-11 16:28:49 · 1653 阅读 · 0 评论 -
Vue3 通用配置路由拦截beforeEach
【代码】Vue3 通用配置路由拦截beforeEach。原创 2022-12-27 16:07:19 · 833 阅读 · 2 评论 -
vue3对reactive直接赋值页面不更新
第二种方法:在定义reactive的时候,定义属性名,在后期赋值的时候,对属性名进行赋值;第一种方法:将reactive换成ref,即可实现页面随时刷新。第三种方法:Object.assign()原创 2022-12-24 17:11:57 · 1611 阅读 · 0 评论 -
在低代码中平台记录sortablejs拖拽使用经验
只需要关注sortablejs的api方面使用,业务方面可以忽略。原创 2022-09-21 10:23:25 · 298 阅读 · 0 评论 -
vue3-sfc-loader (浏览器直接运行vue3、vue2)
vue3-sfc-loader原创 2022-06-10 10:16:14 · 2844 阅读 · 1 评论 -
Vue FSC在线编译代码实时预览@vue/repl
vue3原创 2022-06-01 15:47:03 · 2326 阅读 · 0 评论 -
codemirror-editor-vue3编辑器行号错位bug
直接当组件使用<template> <div class="codemirror"> <codemirror ref="codemirror" v-model:value="code" :options="cmOption" @cursorActivity="onCmCursorActivity" @ready="onCmReady" @focus="onCmFocus" @.原创 2022-05-13 14:17:41 · 1540 阅读 · 2 评论 -
js (vue、react)通用元素任意拖拽效果
// 可拖拽组件:pc和Mobilefunction useMove(el) { el.style.position = 'fixed'; let offsetX, offsetY, oL, oT, oLeft, oTop; const browser = { versions: function () { const u = navigator.userAgent; return { mobile: !!u.m.原创 2022-02-15 16:59:42 · 208 阅读 · 0 评论 -
同一台电脑 实现 vue-cli2和vue-cli3同时并存
win下 vue-cli2 和 vue-cli3 并存,一起使用可以达到在cmd命令里面执行:vue2 -V 或者 vue3 -V安装vue-cli3的最新版本注意不要加 -g 加了就是全局安装了vue-cli3我是安装在了vue3文件夹下的执行:npm install @vue/cli安装vue-cli2.9.6版本安装2也是同理,我分开了文件夹,在vue2下面npm install vue-cli@2.9.6修改vue2和vue3的名称接下来,找到安装vue原创 2022-02-14 10:31:02 · 691 阅读 · 0 评论 -
vue3 ref、computed、watch、reactive核心原理思想
ref:ref是用于监听原始值的,因为 js 原始值不能引用内存地址,就算修改了也无从知晓,因而可以将其包装成一个对象,这样就可以获取到这个变量的引用,监听修改。ref只有一个 value 属性。(为了方便监听才包装成value对象里面)// 以下按序号阅读,可以复制全部运行。// 4.2 新建一个保存订阅的 WeakMap<object, Set>,使用 WeakMap 防止内存泄漏const subscription = new WeakMap()// 7.2 ...原创 2021-12-28 12:01:48 · 992 阅读 · 0 评论 -
vue3+ts+vant3+ts-import-plugin配置按需加载
根据官网说的,如果有用ts,就要配合ts-import-plugin按需加载才生效main.tsimport { createApp } from "vue";import App from "./App.vue";import router from "./router";import store from "./store";import Vant from 'vant';createApp(App).use(store).use(router).use(Vant).mount(".原创 2021-12-08 16:25:35 · 1994 阅读 · 0 评论 -
vue3的 script setup 基本使用
vue3的 script setup 基本使用原创 2021-12-08 14:07:23 · 1495 阅读 · 0 评论