- 博客(14)
- 问答 (1)
- 收藏
- 关注
原创 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
原创 2.MVC模式与MVVM模式
MVVM:model数据层+view视图层+viewmodel数据/视图监听层。MVC:model数据层+view视图层+controller控制层。2. React采用MVC模式,Vue采用MVVM模式。主流思想:不直接操作DOM,而是采用数据驱动视图。
2023-04-05 15:20:47 81
原创 路由传参与防止刷新数据丢失
一.在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
空空如也
js如何只允许一个audio播放
2021-11-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人