可以使用Vue的状态管理工具Vuex,将用户信息、订单信息、收货地址等数据存储到Vuex的状态中,并在个人中心页中渲染对应
原创
2023-07-13 14:32:13
176阅读
1、基本用法Vue 提供了 v-model 指令,用于在表单类元素上双向绑定数据,例如在输入框上使用时,输入的内容会实时映射到绑定的数据上。例如下面的例子:<template>
<div id="app">
<input type="text" v-model="message" placeholder="输入">
<p>输入的内
转载
2024-07-15 20:34:03
66阅读
vue生命周期(包含子孙组件的情况) beforeCreate (创建前) created 此时进行数据请求 初始化数据beforeMount (载入前) 挂载开始之前被调用 挂载Dommounted. (载入后) dom渲染完成beforeUpdate (更新前) 更新updated (更新后)b ...
转载
2021-10-19 22:32:00
152阅读
2评论
前几天做项目的时候,需要实现一个动态锚点的效果如果是传统项目,这个效果就非常简单。但是放到 Vue 中,就有两大难题:1. 在没有 jQuery 的 animate() 方法的情况下,如何实现平滑滚动?2. 如何监听页面滚动事件?在浏览了大量文章、进行多次尝试之后,终于解决了这些问题期间主要涉及到了 setTimeout 的递归用法,和 Vue 生命周期中的 mounted&n
转载
2024-06-05 23:02:46
55阅读
<script src="https://s3.pstatp.com/cdn/expire-1-M/vue/2.6.10/vue.min.js"></script><div id="
原创
2023-02-16 12:53:51
97阅读
前端框架经历了十多年的争奇斗艳百花齐放,经历了 JSP、jQuery、Ember、Angular、React、Vue、Solid、Svelte 等等。如今所有人都要承认的一个事实是:在上百个前端框架中,最具影响力的只剩下了两个,Vue 与 React。 Vue 进入 3.x 时代已经将近 2 年了,React 也在今年 3 月 29 日发布了 React 18 版本。 今天就来聊聊在当今 202
转载
2023-11-06 17:55:35
57阅读
1、使用vuecli创建vue项目我用的vue2vue create qq_test2、安装electronnpm install electron -g//ornpm install electron@12.0.11 //老版本3、vue项目安装Electron-builder打包工具版本我选择的是12vue add electron-builder4、在vue项目的src下有个backgr
原创
2022-11-17 09:18:57
378阅读
利用art.template模仿VUE
原创
2021-07-23 15:04:58
484阅读
Fetch基本概念(前端小白,刚学习vue,写的不好或是不对,请各位大佬多多指正!感激不尽!)Fetch 是一个现代的概念, 等同于 XMLHttpRequest。它提供了许多与XMLHttpRequest相同的功能。Fetch 的核心在于对 HTTP 接口的抽象,包括 Request,Response,Headers,Body,以及用于初始化异步请求的 g
转载
2024-08-15 00:32:57
87阅读
以下是一个同时支持 Vue 和 React 的前端实现方案,我将分别提供两个框架的实现思路和核心代码示例:项目结构blog-frontend/
├── vue-blog/ # Vue 版本
│ ├── src/
│ │ ├── components/
│ │ ├── views/
│ │ ├── router/
│ │ └── App.vue
├
一、从数据到虚拟domvue和react都是数据决定虚拟dom,进而决定ui。但是二者的实现思路不一样。1.vue的思路捕获变量的赋值和取值操作,在赋值和取值操作中,利用发布--订阅模式更新虚拟dom,进而更新ui。捕获变量的赋值和取值操作,又叫作数据劫持。如何捕获变量的赋值和取值操作呢?let person = { name: "lrx" };Object.def...
原创
2021-09-02 14:06:42
218阅读
## 实现 "jQuery Vue React" 的步骤
### 1. 了解基本概念和原理
在开始实现 "jQuery Vue React" 之前,我们需要了解一些基本概念和原理。这些概念包括:
- jQuery:一个用于简化 JavaScript 编程的快捷方式,通过使用 CSS 选择器来操作 HTML 元素。
- Vue.js:一个用于构建用户界面的渐进式框架,通过使用组件化的方式来实现
原创
2023-10-03 08:35:04
36阅读
从BabelAST角度分析来看,相比Vue转React,React转Vue是相对于比较简单的,比如关键字setState关键字。因为Vue用this.xxx来做赋值操作,而react用setState,React转Vue只需要搜索setState关键字,而Vue转React则需要搜索this赋值关键字操作比较烦琐,生命周期对比:props对比:更多查看工具:https://tools.w3cub.
原创
2019-08-23 23:10:13
957阅读
一、安装乾坤父应用1.以umi创建一个react工程,开启乾坤插件 mkdir myapp && cd myapp
yarn add @umijs/plugin-qiankun -D 2. 父工程添加qiankun插件 yarn add @umijs/plugin-qiankun -D 3.修改 .umirc.ts 配置文件 import { defineConfig } from
转载
2024-01-30 23:25:16
365阅读
一、reactive 函数引入 import { reactive } from 'vue'二、什么是 reactive? 1、reactive 是 Vue3 中提供的实现数据响应式的方法 2、在 Vue2 中响应式数据 是通过 defineProperty 来实现的 所以再对一些复杂类型进行更改时 视图和数据不同步 需要通过 Vue.$set 进行处理 但是在 Vue3 中响应式数据
转载
2023-10-04 22:54:20
40阅读
最近一段时间使用react + typeScript开发新对项目,说实话体验不是很好一是可能由于之前一直使用vue + js,对比react两个框架还是有明显差别对二是可能一次性接受太多的新知识,消化不完,react + typeScript做图片处理项目,很多图片图形处理在前端完成所以大家新项目做技术选型的时候还是要慎重一些,一次改变太大并不利于新项目的开发,因此可以现在不重要的模块或者项目中尝
转载
2024-01-25 21:07:20
35阅读
简介 React:React是一个用于创建可重用且有吸引力的UI组件的库。它非常适合代表经常变化的数据的组件。 Vue:Vue.js是一个开源JavaScript框架,能够开发单页面应用程序。它还可以用作Web应用程序框架,旨在简化Web开发。共同点 1:都是为了一起与核心库使用而构建的,并将其他功能如路由和全局状态管理交给相关库; 2:两者都是基于Virtual DOM模型, 3:提供了
转载
2023-11-28 21:02:34
112阅读
为什么我们放弃了 Vue?Vue 和 React 深度对比 - 码道人 https://markdowner.net/article/79319258450055168为什么我们放弃了 Vue?Vue 和 React 深度对比
·2 年前 举报我使用 Vue 和 React 已经很长一段时间了,两个框架上实践代码量都在 10 万行以上。不得不说两者都是很 nice 的,帮助开发者减少很
转载
2024-01-18 13:26:29
118阅读
react的特点: 1、组件化,模块化,虚拟DOM,diff算法。 2、声明式的框架,可追踪性更强。 3、react 只关注视图层 & react 是MVC架构。react可以是这两种,但是react可以的更多。 4、react的灵活、以及react带来的思维模型、直观的API。 5、react将组 ...
转载
2021-07-23 17:35:00
246阅读
2评论