WEB前端开发使用Vite创建Vue3项目并开发第一个组件 概述 A Vue project is structured similarly to a lot of modern node-based apps and contains the followi... 2023-12-171,025 viewsCommentsVUE 阅读全文
WEB前端开发实践:实现 Vue 应用程序的时尚布局 页面布局是减少代码重复和创建可维护且具有专业外观的应用程序的基本模式。如果使用的是 Nuxt,则可以提供开箱即用的优雅解决方案。然而,令人遗憾的是,在 Vue 中,这些问题并未得到官方文档的解决。 经... 2023-11-081,111 viewsCommentsVUE 阅读全文
WEB前端开发Vue3菜鸟入门教程:计算属性和监听器的用法 computed计算属性 计算属性指的是将Vue3的响应式数据,经过某种算法计算以后返回的一个值,这个值可以直接用于模板渲染。比如,我们经常在网页中渲染金额,如果金额过大的化,会导致内容很长。比如10... 2023-09-021,635 viewsCommentsVUE 阅读全文
WEB前端开发Vue3学习理解:响应式函数reactive和ref reactive函数 reactive的作用是接受一个对象类型的数据的参数传入,并返回一个响应式的对象。基本使用步骤是从vue导入reactive,然后创建一个对象等于“const demo=reac... 2023-09-011,478 viewsCommentsVUE 阅读全文
WEB前端开发React、Next、Vue…流行的9大前端js框架,知道几个? 市面上有很多不同的 JavaScript 框架,我们很难对它们一一进行关注。在本文中,我们将重点介绍最受欢迎的几种,并探讨开发人员喜欢或不喜欢它们的原因。 1.React React 是一个用于构建用... 2023-09-011,741 viewsCommentsjavaScript React.js VUE 阅读全文
WEB前端开发Vue.js 重要知识点:事件绑定原理 VS 单向数据流 ref toRef toRefs进阶,深入理解 1. 为何需要ref? 1. 返回值类型,会丢失响应式 2. setup、computed、合成函数,都有可能返回值类型 3. Vue如果不定义ref,... 2023-08-281,219 viewsCommentsVUE 阅读全文
WEB前端开发HTML做网页,如何使用Vue3、Element-plus、Axios 有时候我们写一个网页的时候,不想使用脚手架去搭建,因为太笨重,但又想使用vue3去实现,怎么办? 下面就讲一讲如何实现! ❞ 基本结构 <!DOCTYPE html> <html l... 2023-08-20930 viewsCommentsHTML VUE 阅读全文
WEB前端开发Rollup打包Vue组件库问题汇总 打包类库时 Rollup 是不二选择,如果是常规的 Web 应用的话,Webpack 则更为合适。 最近,我用 Rollup 在为一个 Vue 项目打包组件库时就遇到了几个问题,今天把这些问题和解决方... 2023-08-071,593 viewsCommentsVUE 阅读全文
WEB前端开发Vue Vine:创造另一种书写 Vue 组件的方式 Vue Vine:https://github.com/vue-vine/vue-vine 在社区中,有很多帖子讨论过希望有一个支持在单个文件中编写多个 Vue 组件的解决方案。Vue Vine 因此... 2023-08-05721 viewsCommentsVUE 阅读全文
WEB前端开发Vue3+Echarts项目开发:常用属性总结之折线图 Vue3中使用echarts 要在Vue 3中使用echarts图表库,你需要按照以下步骤进行操作: 安装echarts库。在终端中运行以下命令: npm install echarts 在需要使用e... 2023-08-043,564 viewsCommentsVUE 阅读全文
WEB前端开发Vue3技巧:避免直接引用对象/数组 props props 在Vue3中,当将对象或数组props作为子组件传递时,无法更改对象或数组本身,但可以更改对象或数组的嵌套属性。 当传递单个值作为 props 时 如果将单个值作为 props 传递,则更... 2023-08-01834 viewsCommentsVUE 阅读全文
WEB前端开发Vue3 组合式 API 来封装表格数据请求 阅读 aHooks 文档时发现了一个非常实用的函数 useAntdTable,它封装了一些 Ant Design Form 和 Ant Design Table 常见的逻辑。刚好最近我自己也封装了一个... 2023-07-19918 viewsCommentsVUE 阅读全文
WEB前端开发Uniapp结合Vite4 Vue3搭建跨端移动应用项目 学习了下Uniapp结合Vite4 Vue3搭建跨端移动应用项目,二者搭配构建运行速度快,兼容性也不错,真香~~ HBuilderX: 3.8.4vite: 4.2.1uview-plus: 3.1.... 2023-07-151,806 viewsCommentsVUE 阅读全文
WEB前端开发Vue全家桶:单文件组件 1. 传统组件的问题和解决方案 问题 全局定义的组件必须保证组件的名称不重复 字符串模板缺乏语法高亮,在 HTML 有多行的时候,需要用到丑陋的 \ 不支持 CSS 意味着当 HTML 和 JavaS... 2023-07-15721 viewsCommentsVUE 阅读全文
WEB前端开发Vue全家桶:webpack配置打包 Web 开发面临的困境 文件依赖关系错综复杂 静态资源请求效率低 模块化支持不友好 浏览器对高级 Javascript 特性兼容程度较低 etc… 1. webpack 概述 webpack 是一个流... 2023-07-15825 viewsCommentsVUE webpack 阅读全文
WEB前端开发Vue全家桶:模块化相关规范 1. 模块化概述 传统开发模式的主要问题 ① 命名冲突 ② 文件依赖 通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块(文件)中 模块之间相互隔离 但是可以通过特定的接口公开内部成员 ... 2023-07-15622 viewsCommentsVUE 阅读全文
WEB前端开发Vue仿美团地址管理组件列表组件,可用于电商平台收获地址管理 前端 技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以... 2023-07-14576 viewsCommentsVUE 阅读全文
WEB前端开发Vue3面试题:响应式原理 Vue 3中,响应式原理主要基于Proxy和Reflect两个ES6的特性。 Vue 3的响应式系统通过使用Proxy来代理对象,并使用Reflect来拦截对对象的操作,从而实现对对象的观察和响应。以... 2023-07-111,281 viewsCommentsVUE 面试题 阅读全文
WEB前端开发Vue3面试题:如何处理响应式数据? Vue 3中,可以使用ref和reactive两个函数来处理响应式数据。 使用ref函数:ref函数用于创建一个包装了响应式数据的引用对象。它接受一个参数作为初始值,并返回一个包含value属性的响应... 2023-07-11684 viewsCommentsVUE 阅读全文
WEB前端开发Vue3框架整体结构概述 官⽅地址:https://github.com/vuejs/core/tree/main/packages Vue.js 3 是一种现代化的 JavaScript 框架,用于构建用户界面。 它具有模块... 2023-07-10890 viewsCommentsVUE 阅读全文
WEB前端开发前端Vue3入门:Vite创建项目和使用 前言 vite是下一代前端开发与构建工具,目前官方推荐使用vite来构建项目。下面我们来看看如何创建vue3项目。 创建项目 官方提供了多种创建命令,如下: npm init vite@latest ... 2023-07-10773 viewsCommentsVUE 阅读全文
WEB前端开发VUE面试题:Vue 3中如何使用组合式API定义一个组件? Vue 3中,使用组合式API定义一个组件可以通过以下步骤: 1.导入defineComponent函数和所需的组合式API函数。 2.创建一个新的组件对象,并使用defineComponent函数定... 2023-07-091,064 viewsCommentsVUE 面试题 阅读全文
WEB前端开发VUE面试题:Vue 3组合式API是什么,与选项式API有什么区别? Vue 3中引入了组合式API(Composition API),它是一种新的组织组件逻辑的方式,与Vue 2中的选项式API有一些区别。 选项式API是Vue 2中常用的API风格,通过在组件的选项... 2023-07-091,970 viewsCommentsVUE 面试题 阅读全文
WEB前端开发VUE面试题:Vue 2和Vue 3之间的主要区别是什么? Vue 2和Vue 3之间的主要区别是什么? Vue 3相对于Vue 2带来了许多重要的改进和新功能。以下是Vue 2和Vue 3之间的一些主要区别: 性能改进:Vue 3在性能方面有显著提升。通过使... 2023-07-09818 viewsCommentsVUE 面试题 阅读全文