- 博客(9)
- 收藏
- 关注
原创 TypeScript学习第三天(断言类型|联合类型|交叉类型)
在开发当中,可能会遇到这样一个问题,现在有一个函数,传入的值可能不止一种,但当我们确定是某个类型的时候,就可以使用断言类型(as)
2022-12-02 15:38:54
271
原创 TypeScritp学习第二天(数组类型和函数类型)
number、string、boolean这些直接跟在:后边就行,代表这个数组里面的值必须是以上这些类型,当我们这个数组里的数据类型不确定的时候,就跟any。上边这种写法看起来怪怪的,还有一种相对于比较规范的写法。
2022-12-01 20:54:29
199
原创 Typscript学习笔记第一天(原始类型和对象类型)
unknown不能调用属性和方法,还有unknown类型只能作为父类型,不能二次赋值,如果非要赋值的话,可以把类型改为unknown。说一下他们的区别,any比unknown更安全,当他们同时为一个对象的时候,any可以访问其内部元素。可以是nan可以是16进制数,也可以是infinity(无穷大)这里注意一点,void不能给子类赋值,但undefined可以。这一块比较灵活,可以是,但不建议这样写,注意代码规范。支持ES6的模板字符串`web{$str}`1.any类型可以任意赋值不做限制,例如。
2022-11-30 20:40:13
306
原创 Vue3学习(第三天)
在Vue2中,使用组件需要先引入,再components中定义再使用,Vue3中,只要是在中引入的子组件就可以直接使用。在Vue3中,组件传值有一点小小的变化,子组件接收父组件传来的值时,需要使用definePops 这个方法,在v-for中使用模板引用时,对应的ref是一个数组,它将在元素循环后包含整个循环的所有元素。在实际应用中,我们可能在父组件中的可能是一个数组,这时候我们结合v-for循环做渲染。这里用到defineEmits宏,定义一个值存放。
2022-11-30 17:27:18
558
原创 Vue3学习笔记(生命周期)
每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤,比如设置好数据侦听,编译模板,挂载实例到 DOM,以及在数据改变时更新 DOM。在此过程中,它也会运行被称为生命周期钩子的函数,让开发者有机会在特定阶段运行自己的代码。beforeDestroy -> onBeforeUnmount 组件挂载到节点上之前执行的函数。beforeMount -> onBeforeMount 组件挂载到节点上之前执行的函数。beforeUpdate -> onBeforeUpdate 组件更新之前执行的函数。
2022-11-29 17:46:37
2510
原创 Vue3学习(第2天)
1.v-on指令,简写为@来监听Dom事件,并且在触发时执行对应的JS,例如点击事件可以是。v-bind:class可以缩写为:class,它的作用是动态传输样式,我们可以传递一个对象来动态的切换class。2.v-for和v-if同时使用时会抛出警告,原因时v-for定义的值没有在改实例定义,解决办法是将v-for放在。v-if指令可以选择性的渲染一块区域的内容,可以搭配v-else使用,当v-if的值=fales的时候,就会显示。简单许多,元素无论初始条件如何,始终会被渲染,只有 CSS。
2022-11-29 16:47:09
151
原创 Vue3学习笔记(第一天)
Vue3响应式,用到来简化该操作,具体代码如下。重点:需要在script里引入reactive。如此就省略了return暴露这一步,简洁明了。数据定义在steup()方法中。
2022-11-28 18:29:35
155
原创 flex多个元素垂直居中
flex布局 水平垂直居中对齐是一个老生常谈的问题,我做一个简单的代码示例 display: flex; justify-content: center; align-items: center; justify-content: space-evenly; /* 水平均匀分布 */ flex-direction: column; /*使元素垂直排列*/......
2022-06-15 14:15:54
601
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人