自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 问答 (1)
  • 收藏
  • 关注

原创 7.静态组件和动态组件

1.有状态state,修改数据视图进行更新。3.函数带hooks组件。

2023-04-06 23:52:56 234

原创 6.React插槽机制

props下的children属性包含父组件传递给子组件的插槽,是一个数组。插槽可以添加自定义如slot属性设置名字,区分插槽。类似与vue的具名插槽。可以放到页面上渲染{children[0]},是一个个虚拟对象。在子组件通过slot实现筛选出需要的插槽。类似与vue的slot。可以增强组件复用性。

2023-04-06 23:18:57 90

原创 5.props

传递来的属性都会经过属性校验,不管失败或成功都会赋值给props,但是不符合控制台会报错。2.设置数据格式、是否必传……需要用到依赖prop-type。被冻结的对象,即是不可扩展也是密封的。props的使用提高了组件的复用性。被密封的对象,也是不可扩展的对象。1.给传过来的props设置默认值。不可修改新增删除劫持属性。

2023-04-06 22:49:02 69

原创 4.函数组件渲染机制

通过function创建函数组件,返回jsx语法对象,根据es6module规范,导出和引入。通过或......调用,首字母大写。可以传递属性,......函数组件通过props接收,标签包裹的内容通过在props里添加children属性接收。渲染机制。

2023-04-06 21:40:53 104

原创 3.JSX的使用

说明:render方法根据jsx模板生成虚拟DOM,新旧虚拟DOM通过diff算法更新虚拟DOM,然后渲染成真实DOM。

2023-04-06 16:52:08 52

原创 2.MVC模式与MVVM模式

MVVM:model数据层+view视图层+viewmodel数据/视图监听层。MVC:model数据层+view视图层+controller控制层。2. React采用MVC模式,Vue采用MVVM模式。主流思想:不直接操作DOM,而是采用数据驱动视图。

2023-04-05 15:20:47 81

原创 1.创建react应用

基于脚手架创建react项目,进入需要创建项目的目录,打开cmd,

2023-04-05 14:50:12 56

原创 开启本地网易云api接口后端服务器

如何开启本地网易云音乐api服务器

2022-09-17 22:51:28 1535 1

原创 js事件传播

事件传播

2022-08-12 14:50:10 224

原创 路由传参与防止刷新数据丢失

一.在router.js文件里引入两个组件组件1和组件2import Vue from "vue"import Router from 'vue-router'import zujian1 from './components/zujian1.vue'import zujian2 from './components/zujian2.vue'Vue.use(Router)const routes=[ { name:'', path:'',//设为默认组件

2022-03-03 12:06:05 493

原创 爷子孙之间传值

爷子孙之间传值有四种情况:1.爷传孙2.孙传爷3.父传子4.子传父首先要创建好三个个组件,爷组件,父组件,孙组件:爷组件:<template> <div> <div class="yeye">我是爷爷组件 </div> <router-view></router-view> </div></template><script>// export..

2022-03-03 11:14:31 1122

原创 快速拥有自己的网易云免费API接口

操作简单,快速拥有自己的网易云api接口。https://binaryify.github.io/NeteaseCloudMusicApi/#/?id=%e6%ad%8c%e6%89%8b%e7%83%ad%e9%97%a850%e9%a6%96%e6%ad%8c%e6%9b%b2此链接为网易云开发接口文档,拥有自己的api后就可以结合它进行令人兴奋的操作。拥有自己的网易云api:首先你要有一个github账号。1.点击我(这是别人创建好的项目)2.将此项目fork到你的仓库,点击f

2022-02-20 19:21:11 7433 3

原创 axios与vue-touter的cdn方式引入vue组件

此方法是基于vue-cli项目的,创建vue-cli项目过程很简单,vue-cli项目是vue开发变得简单。这是创建vue-cli项目教程链接:vue-clix项目创建组件如何通过cdn方式引入axios与vue-router?再public的index.html文件下引入cdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script><script src="https://unpk.

2022-02-20 18:25:19 627

原创 如何建立vue-cli项目

这是创建vue-cli的官方教程vue-cli项目就是一个已经帮我们创建好了的vue项目框架,简洁好用!!!首先进行配置,cdm打开终端,输入以下命令:npm install -g npm //回车npm install -g @vue/cli //回车npm install -g webpack //回车这样,环境就配置好了。再输入命令:vue ui //回车等待……会自动跳到此页面创建项目,选择你文件夹存放位置选择.

2022-02-20 16:04:04 560

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除