开发中遇到一个需求:在Vue项目使用已经开发好的React组件。这里选择了使用vuera库来
原创 2022-07-12 21:09:49
4874阅读
 关注前端的同学都了解,ReactVue是目前应用很广泛的两个前端框架。React是由Facebook开发的,Vue起初则是由google一名程序员尤雨溪开发的。截止到目前github上显示,React的Star数为87422,Vue的为78523,数据差距越来越小。两个框架国内外使用概况如图1所示:       &
转载 9月前
47阅读
PS:本文适合熟悉vue以及了解react的同学 由于公司业务使用得是react开发的后台系统(也有vue项目),对于我这种只写过react demo 的小白菜确实是一个机会,学习一个框架最好的办法就是从业务做起。首先我们要弄清做业务需要什么知识点去支持比如:react 是怎么样传输数据的?react 怎么封装组件react 的生命周期?。。。。实际上vue熟练的同学们,我觉得转react还是
转载 2023-08-23 15:12:27
200阅读
这几个库,你知道吗?
转载 2021-07-15 17:53:06
380阅读
1.组件,什么是组件,可以这样理解,一个页面有可能包含很多逻辑,很混乱,当我们将这一大坨东西分为很多个小东西,每一个小东西只完成自己的功能,和其他的小东西互不干涉,页面想要使用,只需要引入就行了。 2.组件使用可分为三步:一创建组件构造器,二注册组件,三使用组件 3.其实每一个组件就相当于一个vue实例,它也有自己的template,method,data,components这些东西,data
转载 2024-04-03 12:51:40
155阅读
      创建好一个react应用程序后,我们就需要创建组件并且使用组件,其实react开发本身就是创建组件使用组件的过程。下面来看一下示例:      上图中的html页面上总共有三个组件:根组件、Home组件和列表组件,下面就具体聊聊该怎么创建这些组件以及如何使用它们。创建组件:1 我们修改一下默认创建的react应用程序的代码结构,在src目录下创建相应的文件夹及文件,方...
      创建好一个react应用程序后,我们就需要创建组件并且使用组件,其实react开发本身就是创建组件使用组件的过程。下面来看一下示例:      上图中的html页面上总共有三个组件:根组件、Home组件和列表组件,下面就具体聊聊该怎么创建这些组件以及如何使用它们。创建组件:1 我们修改一下默认创建的react应用程序的代码结构,在src目录下创建相应的文件夹及文件,方...
前言 我最一开始是先学的react,然后也就前段时间开始学习vue,一开始给我的感受是两者很相似,react给我的感觉是灵活,vue是一种死板的感觉。为什么有这种感觉呢,react有一种很强烈的欲望,all in js只要能够用够js写的,就全用js写,所以一切都很灵活,jsx很酷,高阶组件牛逼,es7的装饰器也是可以玩的飞起。反观vue,搞的.vue单文件还是尽量保留原来前端开发的模式,留下了
转载 2021-06-30 14:31:28
204阅读
定义受控组件组件的值的更新依赖状态值来更新,一定程度上,组件值是恒等于状态值的。非受控组件组件值更新由组件自己维护,需要以操作 DOM 的方式来获取组件的值。ReactReact 中表现如下:import React, { useState } from "react"; export default function App() {   const [vale, setValue] =
转载 2021-01-22 19:03:52
513阅读
2评论
前言我最一开始是先学的​​react​​​,然后也就前段时间开始学习​​vue​​​,一开始给我的感受是两者很相似,​​react​​给我的感觉是​灵活​,​​vue​​是一种​死板​的感觉。为什么有这种感觉呢,​​react​​有一种很强烈的欲望,​all in js​只要能够用够​​js​​​写的,就全用​​js​​​写,所以一切都很灵活,​​jsx​​很酷,​高阶组件​牛逼,​​es7​​​
转载 2022-03-29 13:49:13
128阅读
使用SVG丰富页面
原创 2022-03-28 14:27:34
996阅读
## 使用Vue组件在jQuery项目中的实现步骤 ### 1. 确认项目中是否已经引入Vue.js和jQuery 在开始之前,首先需要确保项目已经引入了Vue.js和jQuery。如果没有引入,可以按照以下步骤进行引入: **Step 1:** 在HTML文件中引入Vue.js和jQuery的CDN链接。 ```html `, data() {
原创 2023-09-02 07:45:41
1025阅读
三个原则 single store render from top immutable data single store,便于组件之间通信。 render from top,因为store就一个,每次修改后,从最顶层开始渲染,依赖DOM diff和人工shouldComponentUpdate判断
转载 2016-05-08 00:01:00
63阅读
2评论
创建组件在上一篇的博客中我们介绍了react中字符串的处理方式和字符串数组的处理方式,如需回顾
原创 2022-07-07 17:24:31
189阅读
一、组件概念 有html模板,有css样式,有js逻辑的集合体 1、根组件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>模板</title> </head> <body> <div id="app"> <h1>组件概念</h Read More
原创 2021-08-26 15:56:45
143阅读
组件 <div @click="tabClick(item, index)" > methods: { //item和index就是传递的参数 tabClick(item, index) { this.currentIndex = index; this.$emit("tabClick", itm ...
转载 2021-09-01 16:57:00
131阅读
2评论
vue组件使用分三步: 1. 引用组件 import facePop from './components/facePop' 2. 注册组件 components = { facePop } 3. 使用组件 <facePop></facePop> 新建一个components文件夹存放组件 src/
原创 2023-11-23 12:22:32
95阅读
我还是一个react的初学者,一直写vue,在学的过程中突然想起react能不能动态加载,结果好像都要自己实现,vue的路由可以用()=>import(url), react 好像没有,
转载 2021-07-15 15:21:00
1921阅读
2评论
组件使用ES6的class创建组件约定1:类名称必须以大写字母开头约定2:类组件应该
需求描述由于我所在的业务是资讯内容类业务,因而在业务中会经常碰到如下场景:有一个内容列表,列表中需要按照一定的规则插入广告。除了获取广告数据,广告展现和点击后需要有打点上报逻辑。正常来说我们会这么写:import React from 'react';export default class extends React.Component {  state = {newsData: [], adD
原创 2021-05-18 17:44:26
1417阅读
  • 1
  • 2
  • 3
  • 4
  • 5