玩转Vue3之Composables
前言 Composables 称之为可组合项,熟悉 react 的同学喜欢称之为 hooks ,由于可组合项的存在,Vue3 中的组件之间共享状态比以往任何时候都更容易。这种新范例引入了一种更有组织性和可扩展性的方式来管理整个应用程序的状态和逻辑。 什么是Composables 本质上,可组合项是一 »
前言 Composables 称之为可组合项,熟悉 react 的同学喜欢称之为 hooks ,由于可组合项的存在,Vue3 中的组件之间共享状态比以往任何时候都更容易。这种新范例引入了一种更有组织性和可扩展性的方式来管理整个应用程序的状态和逻辑。 什么是Composables 本质上,可组合项是一 »
目录 前言 main.js index.vue 总结 前言 在使用uniapp开发的过程中,遇到了一个问题,发现在微信小程序无法去直接获取挂载在vue原型上的变量值,具体内容可看下图,解决方法也已经表明,供各位踩坑用!!! main.js 我在vue的原型上挂载了一个$baseUr »
目录 前言 问题描述 解决步骤 修改代码后的结果 结语 前言 在进行通过本地路径进行加载图片的时候,突然就报了这个问题 Not allowed to load local resource 这个是由于安全性的问题,导致浏览器禁止直接访问本地文件 那么,这边我说一下我具体是怎么解决的 »
VUE3在表格中嵌套子表格子表格的分页查询互相干扰的问题解决 简单嵌套 如果不需要做子表格的分页查询,那么可以直接在主表格中嵌套子表格,有两种方式;一种是主表格加载的同时加载子表格数据,另一种是点击展开时加载子表格数据,尽量使用第二种方式;代码如图1-1所示; 图1-1 我们可以看到在el-tab »
目录 一、Vue的条件渲染 1.1.v-if 1.2.v-if-else 1.3.v-else-if 1.4.template元素 1.5.v-show 1.6.v-show和v-if的区别 总结 一、Vue的条件渲染 1.1.v-if ⭐⭐ if 顾名思义,就是如果满足一 »
目录 一、Mustache插值语法 二、v-bind的绑定属性 2.1.v-bind绑定基本属性 2.2.v-bind绑定class 2.3.v-bind绑定style 2.4.v-bind绑定属性名 2.5.v-bind直接绑定对象 总结 上期回顾:Vue简介、引入、命令式和声明式 »
目录 前言 组件之间通信的场景 父子组件之间的通信 父组件通过 prop 向子组件传递数据 子组件通过自定义事件向父组件传递数据 兄弟组件之间的通信 状态提升 隔代组件之间的通信 attrs/attrs/listeners provide/inject 基于 $parent/$childr »
目录 一、使用原生js实现拖拽 二、VUe使用js实现拖拽穿梭框 三、Vue 拖拽组件 vuedraggable 四、Awe-dnd指令封装 一、使用原生js实现拖拽 <html lang="en"> <head> <meta char »
目录 vue2.x引入threejs npm安装 使用指定版本: 其他插件 实例 强调 vue2.x引入threejs npm安装 npm install three 使用指定版本: npm install three@<版本号> 其他插件 因为本次开发 »
项目代码同步更新至码云 uni-vue3-ts-template 开发前准备 利用 uni-app 开发,有两种方法: 通过 HBuilderX 创建(需安装 HBuilderX 编辑器) 通过命令行创建(需安装 NodeJS 环境),推荐使用 vscode 编辑器 这里我们使用第2种方法,这 »
本文内容提炼于《Vue.js设计与实现》,全书共 501 页,对 Vue.js 的设计原理从 0 到 1,循序渐进的讲解。 篇幅比较长,需要花些时间慢慢阅读,在合适的位置会给出在线示例以供调试。 一、概览 Vue.js 是一款声明式框架,注重结果;早年间流行的 jQuery 是典型的命令 »
jQuery.i18n.properties 是 jQuery 老项目的国际化框架,其实国际化方案本质上都大同小异,都是需要用翻译函数包裹词条,然后根据词条文件来进行翻译 就是使用上与其他框架不太一样而已 但由于我们已经基于 vue 框架实现了一个国际化自动处理脚本,脚本会自动用全局函数包裹词条,自 »
新建/server/router.js,用于配置对应路由let express = require('express')let router = express.Router()let user = require('./API/user') router.get('/user', user.get ... »
proxy 只接受对象入参,所以我们需要 ref 来解决值类型的数据相应。如果传入 ref 的是一个对象,内部也会调用 reactive 方法进行深层响应式转换 Ref & ShallowRef ref:接受一个参数值并返回一个响应式且可改变的 ref 对象。ref 对象拥有一 »
前面分享了 k8s 的部署安装,本篇来点实操,将会把一个 .net core + vue 的项目(zhontai),打包构建成 docker 镜像,推送到 nexus 镜像仓库,并部署到 k8s 中 前言 前面分享了 k8s 的部署安装,本篇来点实操,将会把一个 .net core + »
基于uniapp+vue3+uv-ui跨端H5+小程序+App短视频+直播带货商城Uniapp-WeLive。 uni-welive一款全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短视频直播,Nvue多视频层级覆盖,支持 »
复习Vue 近期需要接手 vue 2的项目,许久未写,语法有些陌生。本篇将较全面复习 vue 2。 Tip: 项目是基于 ant-design-vue-pro ant-design-vue-pro 由于 cms 是基于这个项目开发的,所以笔者就将其下载下来。 下载后运行 // 按照依赖 yarn i »
目录 0 前言 1 项目前端介绍 1.1 项目启动和编译 1.1.1 项目启动 1.1.2 项目编译 1.2 前端技术栈 1.3 功能模块前端界面展示 1.3.1 基础功能模块 1.3.2 用户模块 1.3.3 特色功能展示 1.3.4 界面自适应实现 2 项目后端介绍 2. »
业务背景:业务上需求满足上传的图片不能太大,但是有时候上传的图片确实超过了限制大小,所以前端这边可以将图片压缩再上传,亦或者是上传给后端接口的图片只能是指定格式,我们前端需要将图片后缀转化,也可以处理!封装的使用方法如下:使用 canvas 对图片进行压缩处理: /* * 压缩图片 * pa »
实例项目使用 vite5 + vue3 + ts,项目地址 vite-vue3-charts,预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址,然后在 应用管理 -> 我的应用 里,创建应用,创建好后复制 AK »