Vue插槽使用

vue  前端 

简单使用TestView.vue<script setup lang="ts"></script><template><div class="parent"> <slot> </sl

Vue生命周期

vue  前端 

一:主要分为渲染、更新、销毁三个部分1:渲染顺序 (先父后子,完成顺序:先子后父)子组件先挂载,然后到父组件父 beforeCreate->父 created->父 beforeMount->子 beforeCreate->子 created->子 beforeMoun

Vue组件值传递

vue  前端 

父子组件传值父组件<script setup lang="ts">import { onMounted, ref } from 'vue'import TestView from '../views/TestView.vue'let i

Vue watch函数

vue  前端 

<script setup lang="ts">import {watch,ref} from 'vue'let source = ref('');let length = ref(0);watch(source,(oldVal,new

Vue computed函数实战

vue  前端 

<script setup lang="ts">import { ref, computed, reactive } from 'vue'type Data = { name: string price: number num: number}c

Vue toRaw函数使用

笔记  vue  前端 

<script setup lang="ts">import { reactive, toRaw } from 'vue'let obj = reactive({ name: 'meowrain', like: 'jk

Vue toRef和toRefs妙用

vue  前端 

Vue toRef和toRefs妙用当我们对reactive对象进行解构的时候,解构出来的数据是基本类型,不再具备响应式,没办法更改视图中的按下按钮后,什么也没变我们使用toRefs,就能把里面的数据一个个转换为响应式对象返回,再被解构,所有属性依然拥有响应式,还能修改<script setu

解决问题:vue3中reactive对象赋值,不能响应式变化

vue  前端 

问题:vue3中reactive对象赋值,不能响应式变化在使用vue3中,使用reactive创建的对象或者数组进行赋值时,可以正常赋值,但是不会触发响应式变化。例子:<script setup lang="ts">import { ref,reactive } fr

Vue3利用ref函数获取dom元素内容

vue  前端 

<script setup lang="ts">import { ref } from 'vue'const dom = ref<HTMLDivElement>()function change() { console.log(dom.v

Github提交代码失败,22端口拒绝连接解决

折腾 

Github提交代码失败,22端口拒绝连接解决打开这个文件C:\Users\meowrain\.ssh\config添加下面的就行# GitHubHost github.comPort 443User gitHostName ssh.github.com