2021年3月26日

react 响应式数据

摘要: 1.class组件 调用setState修改 1.setState是异步的,多次调用会合并为一次 2.修改同样数值的数据,仍会触发更新(解决方案:使用PureComponent) class Cc extends React.Component { state = { a: 1, c: [1, 2, 阅读全文

posted @ 2021-03-26 10:42 sss大辉 阅读(95) 评论(0) 推荐(0)

mixin(混入)

摘要: 看下官方介绍:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。 一个混入对象可以包含任意组件选项。 当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 通俗易懂的话来说一个.vue文件由template,script,style组成, 混入 阅读全文

posted @ 2021-03-26 10:40 sss大辉 阅读(239) 评论(0) 推荐(0)

vue插槽

摘要: 什么是插槽,它是vue提出的一个概念,插槽用于决定将所携带的内容,插入到指定的某个位置,使得模块分块,具有模块化特质。 插槽就是Vue实现的一套内容分发的API,将<slot></slot>元素作为承载分发内容的出口。 1.默认插槽 正常来说我们在组件里编写东西,在组件内是不展示的 但是在组件内加上 阅读全文

posted @ 2021-03-26 10:37 sss大辉 阅读(123) 评论(0) 推荐(0)

mvc与mvvm的设计思想

摘要: mvc: Model:数据模型,用来存储数据View:视图界面,用来展示UI界面和响应用户交互Controller:控制器(大管家角色),监听模型数据的改变和控制视图行为、处理用户交互 mvvm: Vue为MVVM框架,当数据模型data变化时,页面视图会得到响应更新; 其原理对data的gette 阅读全文

posted @ 2021-03-26 09:51 sss大辉 阅读(101) 评论(0) 推荐(0)

:last-child 和 :last-of-type

摘要: 作为CSS常用伪类选择器,:last-child经常会被用到; 但有时遇到极端情况,它会意外失效,让人摸不着头脑,例子如下:html: <div class="card"> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> 阅读全文

posted @ 2021-03-26 09:50 sss大辉 阅读(450) 评论(0) 推荐(0)

导航