前言 我们每天写vue代码时都在用defineProps,但是你有没有思考过下面这些问题。为什么defineProps不需要import导入?为什么不能在非setup顶层使用defineProps?defineProps是如何将声明的 props 自动暴露给模板? 举几个例子 我们来看几个例子,分别 ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、介绍 模块,(Module),是能够单独命名并独立地完成一定功能的程序语句的集合(即程序代码和数据结构的集合体)。 两个基本的特征:外部特征和内部特征 外部特征是指模块跟外部环境联系的接口(即其他模块或程序调用该模块的方式,包括有输入 ...
随着 Vue 3 的发布,组件通信成为了前端开发中一个值得关注的话题。本文介绍了 Vue 3 中几种常见的组件通信方式,包括 Props 和 Events、事件总线、Provide 和 Inject,以及 Vuex 状态管理。每种方式都有其适用场景和优缺点,开发者需要根据具体情况选择最合适的方式。 ... ...
"node-sass": "^4.12.0", "sass-loader": "^8.0.2", 本地和local环境正常,pre和生产环境编译报错 local、pre、生产的编译环境一样,node版本都是14.16.1。拷贝本地node_modules文件夹到pre同样报错。 应该是node-sa ...
v-model 是 Vue.js 框架中用于实现双向数据绑定的指令。它充分体现了 MVVM(Model-View-ViewModel)模式中的双向数据绑定特性。下面我们将详细解释 v-model 如何体现 MVVM 和双向绑定: 1.MVVM 模式 MVVM 模式是一种软件架构设计模式,它将应用程序 ...
在你的 TypeScript 代码中,当调用 nextPage_TopSelling() 或 prevPage_TopSelling() 方法时,虽然你更新了 currentPage_TopSelling 的值并调用了 reloadTopSelling() 方法,但是 Angular 并不会自动检测 ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、介绍 Decorator,即装饰器,从名字上很容易让我们联想到装饰者模式 简单来讲,装饰者模式就是一种在不改变原类和使用继承的情况下,动态地扩展对象功能的设计理论。 ES6中Decorator功能亦如此,其本质也不是什么高大上的结构, ...
本文讨论了前端架构的重要性,并提出了选择Vue组件库时需考虑的因素。重点介绍了ViewDesign这一优秀的Vue组件库,概述了其特点及如何实现高效前端架构。完整版文章链接可在本文结尾处获取。 ...
在 2023 年的年底,我用 Vite-SSG + Vue3 + Vuetify3 把之前使用 SPA 编写的官网进行了重构,支持多语言,响应式并且对 SEO 和社交媒体分享十分友好 ...
Vue.js 是一个渐进式 JavaScript 框架,适用于构建用户界面,特别适合开发企业级 Web 应用程序。它具有渐进式设计、虚拟 DOM、响应式数据绑定和组件化等优势。ViewDesign(原名 iView)是一个基于 Vue.js 的企业级 UI 组件库,提供全面的组件库、企业级设计规范、... ...
本文探讨了前端发展的新趋势,以及 Vue.js 生态中 ViewDesign 这一优秀 UI 组件库的崛起。首先阐述了现代 Web 应用对前端开发提出的新需求,以及 Vue.js 作为渐进式框架在满足这些需求方面的优势。接着重点介绍了 ViewDesign 作为基于 Vue.js 的 UI 组件库的... ...
开源项目地址:https://gitee.com/easyxaf/jsplumb-navigator 前言 jsPlumb可用于连接DOM元素,它不依赖框架,所以与主流框架都可以无缝的集成。但比较遗憾的是社区版中没有平移、缩放等功能,如果用它来开发工作流等项目,用户体验会大打折扣。我的项目是用Bla ...
大家好,我是 Java陈序员。 由于为了生活奔波,常年在外,导致很多关系稍疏远的亲戚之间来往并不多。 因此节假日回家时,往往会搞不清楚哪位亲戚应该喊什么称呼,很容易“社死”。 今天给大家介绍一个亲戚关系计算器,让你快速的计算出正确的亲戚称谓! 关注微信公众号:【Java陈序员】,获取开源项目分享、A ...
写在前面 情人节已经接近尾声了,虽然跟我没什么关系,但是我还是很渴望,能遇到一个良人相伴一生。 现在时间: 内心异常平静,相对吵闹我更喜欢安静的晚上,没人打扰,enjoy自己独处的时间! 保存内容显示 1、任务拆解 读取已保存内容 将读取内容在富文本里显示 2、读取已保存内容 这个很好理解,就是增加 ...
Vue进阶 一、vue实例 1.一个基本的vue的实例 <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <h1> {{title}} </h1> <button id="btn" @click=" ...
前言 Composables 称之为可组合项,熟悉 react 的同学喜欢称之为 hooks ,由于可组合项的存在,Vue3 中的组件之间共享状态比以往任何时候都更容易。这种新范例引入了一种更有组织性和可扩展性的方式来管理整个应用程序的状态和逻辑。 什么是Composables 本质上,可组合项是一 ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、组件设计 组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念(组件)来实现开发的模式 现在有一个场景,点击新增与编辑都弹框出来进行填写,功能上大同小异,可能只是标题内容或者是显示的主体内容稍微不同 这时候就没必要写两个组件,只需要 ...
当我们在引入应该组件的时候 提示找不到这个组件但是项目明明就有这个物理文件 报错原因:typescript 只能理解 .ts 文件,无法理解 .vue文件 出现这样的 第一种 方法就是在env.d.ts 里面添加下面代码 1 declare module '*.vue' { 2 import typ ...
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、是什么 Tree shaking 是一种通过清除多余代码方式来优化项目打包体积的技术,专业术语叫 Dead code elimination 简单来讲,就是在保持代码运行结果不变的前提下,去除无用的代码 如果把代码打包比作制作蛋糕,传 ...
一、问题阐述 有的时候我们需要控制异步函数的执行顺序,比如a方法中如果要用到异步函数b方法的请求结果,就需要进行顺序控制,否则a函数先执行就会导致找不到数据直接报错。 二、方法 1.异步控制 1.1.async,await等做异步控制 1.2修改函数放置位置达到异步控制效果(我遇到的情况无效,但是确 ...