最近一年多一直在做UI库，从 SUI Mobile -> Light7 -> jQuery WeUI。自己也在做的过程中对UI库类的产品有了更深入的认识，SUI Mobile 和 Light7 有一个很大的问题在于：试图用一个轻量的基于jQuery的库，来做一个重量的框架应该做的事情。比如它定义了Page的概念，整粗体个页面的结构，使用了异步加载的路由，这些会导致本来一个很轻量的库变得
Vue3 的简介性能的提升源码的升级拥抱TypeScript新的特性：Composition API（组合API）setup配置ref与reactivewatch与watchEffectprovide与 inject新的内置组件FragmentTeleportSuspense其他改变新的生命周期钩子data 选项应始终被声明为一个函数移除keyCode支持作为 v-on 的修饰符一、创建一个Vue
setup 函数 对比Vue2.0 setup在beforeCreate之前调用，在created之后调用结束; 在setup中没有this; 返回对象中的属性刻在模板中使用； setup(props,context) props参数用于接收组件传值 context参数可以访问this中的方法 例如 ...
转载
2021-08-26 16:54:00
142阅读
2评论
1.vue的核心功能及安装1.声明式渲染
2.响应性： vue会自动跟踪JavaScript状态并在其发生变化时响应式的更新DOM。
安装vue3：
1.安装vue cli,下载最新版本的vue cli，并安装官方文档中的说明进行安装。
2.安装vue3依赖项安装，可使用 npm/yarn进行安装，如：
npm install -g @vue/cli
npm inst
转载
2023-10-15 22:01:38
284阅读
# 如何实现 Vue 3 架构
在这篇文章中，我们将深入探讨如何搭建一个基于 Vue 3 的项目架构。对于刚入行的小白来说，这将是一个非常实用的学习过程。我们会通过几个主要步骤来分解任务，并提供代码示例及解释。以下是我们将要完成的步骤的概述：
| 步骤 | 描述 |
|------|------------------------------
参考： （写在开头的废话：相信很多人在学习vue这个框架时，最开始搭建开发环境，容易遇到一些大大小小的坑，我作为菜鸟本鸟身受其扰，一度觉得这篇博客可能写不到结尾了，还好顺利完结，就是多花了些时间。为了避免看到这篇博客的朋友和我之前一样伤脑筋，我就尽可能写详细了。现在竟然觉得写博客有点上头，今天连晚饭都不想次了。嘿嘿嘿，可能因为下午吃了小侄女送来的烧烤！哇哇哇，爱死这个小天使了！）1.安装node
转载
2023-12-30 14:42:28
68阅读
Vue3---手写Tree组件 首先我们分析数据的结构treeOptions:[
{
lable:'一级',
children:[
{
lable:'一级-1'
},
{
lable:'一级-2'
}
]
},
转载
2023-09-27 19:24:04
1404阅读
在当前的前端开发领域，Vue 3无疑是一款强大的框架，但在设计它的架构时，我们必须深入理解其原理，以及如何优雅地构建系统以应对日益复杂的需求。本文将系统地梳理如何进行“Vue 3设计架构”的过程，并针对每个部分进行详细的解析。
为了简洁地阐述本篇博文的主题，下面是一幅关于整体设计架构流的流程图：
```mermaid
flowchart TD
A[开始] --> B[理解业务需求]
用Vue-cli3.X搭建Vue开发环境的方法有两种：第一种：基于 交互式命令行 的方式，创建新版 vue 项目第一步：打开控制台输入安装命令npm i -g @Vue/cli然后回车，要等待安装完成注意：我是用淘宝镜像所以是cnpm i -g @Vue/cli，如果不用淘宝镜像用npm i -g @Vue/cli即可 安装完成后控制台输入命令:vue -V检查脚手架是否安装完成已经安装的版本 G
# Vue 3 和 Vite 架构的科普
在现代前端开发中，Vue.js 是一款非常流行的 JavaScript 框架，而 Vite 则是一个新兴的构建工具。它们的结合为开发者提供了高效、快速的开发体验。本文将介绍 Vue 3 和 Vite 的基本概念及其架构特点，并给出相关代码示例。
## Vue 3 简介
Vue 3 是 Vue.js 框架的最新版本。它提供了许多新特性，比如组合 API
## 如何实现 Vue 3 技术架构
在学习 Vue 3 技术架构的过程中，我们可以将整个实现过程分为几个主要步骤。以下是实现 Vue 3 技术架构的详细流程：
| 步骤 | 描述 |
|-------|----------------------------|
| 1 | 安装 Node.js |
| 2
原创
2024-10-02 03:26:21
39阅读
Vue原理简介Vue就是基于MVVM模式实现的一套框架，在vue中：Model:指的是js中的数据，如对象，数组等等。View:指的是页面视图viewModel:指的是vue实例化对象为什么说VUE是一个渐进式的javascript框架, 渐进式是什么意思？如果你已经有一个现成的服务端应用，你可以将vue 作为该应用的一部分嵌入其中，带来更加丰富的交互体验;如果你希望将更多业务逻辑放到前端来实现，
Vue3快速上手 1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者
github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%
转载
2024-01-31 13:55:07
156阅读
最近在逛各大网站，论坛，SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，小编自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的公司项目。 学习的过程之中发现继最热的 React 组件库和 Angular 组件库之后，这里有很多个流行和实用的 Vue.js 组件库完善你的下一个用 Vue.JS 编写 UI 界面的应
转载
2024-07-02 20:29:16
66阅读
分享目标：了解 Vue.js 的组件化机制了解 Vue.js 的响应式系统原理了解 Vue.js 中的 Virtual DOM 及 Diff 原理Vue.js概述Vue 是一套用于构建用户界面的渐进式MVVM框架。那怎么理解渐进式呢？渐进式含义：强制主张最少。Vue.js包含了声明式渲染、组件化系统、客户端路由、大规模状态管理、构建工具、数据持久化、跨平台支持等，但在实际开发中，并没有强制要求开发
转载
2023-11-02 00:25:01
118阅读
Vue3的官方文档有8个部方面：1基础，2深入组件，3过度动画，4可复用组合，5高阶指南，6工具，7规模化，8无障碍 个部分.1、基础： 安装方式： CDN 下载js npm CLI构建 大多数情况下，我们更倾向于使用 Vue CLI 来创建一个配置最小化的 webpack 构建版
作为前端开发者，这几天想必大家都看到了Vue3.0的beta版新闻了，是的，尤大大在4.17号微博晒出了Vue3.0的beta链接，不少FEer开始兴奋，不过也有不少其它声音：『我学不动了』、『这不就是React』、『啥时候出正式版』；Vue3.0-beta链接：https://github.com/vuejs/vue-next#status-beta那么首先，我们先简单看一下Vue发布版本的过程
安装先安装脚手架npm i @vue/cli -g 然后vue create 项目名称vue3的特点在任何页面中作为 Web Components 嵌入无需构建步骤，渐进式增强静态的 HTML单页应用 (SPA)开发桌面端、移动端、WebGL，甚至是命令行终端中的界面Jamstack / 静态站点生成 (SSG)全栈 / 服务端渲染 (SSR)vue3和vue2的不同点1.启动方式不同在main.
转载
2024-06-03 17:57:10
59阅读
Vue 2 与 Vue 3 有哪些不同？
转载
2021-07-02 10:45:14
837阅读
一、Vue3介绍关于vue3的重构背景，看看尤大怎么说：「Vue 新版本的理念成型于 2018 年末，当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久，但在这段时期，前端世界已经今昔非比了在我们更新（和重写）Vue 的主要版本时，主要考虑两点因素：首先是新的 JavaScript 语言特性在主流浏览器中的受支持水平；其次是当前代码库中随时间推移而逐渐暴露出来的一些
转载
2023-12-15 20:23:40
31阅读
