代码编织梦想

vue3中的h函数_vue3 h函数-爱代码爱编程

文章目录 简介简单使用参数使用计数器 进阶使用函数组件插槽 专栏目录请点击 简介 众所周知,vue内部构建的其实是虚拟DOM,而虚拟DOM是由虚拟节点生成的,实质上虚

vue中slot插槽的用法——基础积累_vue2.6子组件用父组件 slot-爱代码爱编程

vue中slot插槽的用法——基础积累 vue2.6.0版本后插槽的使用方式更改为——v-slot插槽的定义子组件中插槽的写法父组件中插槽的写法——在插槽位置输入内容`script`引入子组件

vue项目+xlsx+xlsx-爱代码爱编程

vue项目+xlsx+xlsx-style 实现table导出为excel的功能 最近遇到一个需求,后端提供一组数据,根据这组数据,导出为一个excel表格。 步骤如下: 1. 导出内容的预览如下:包含单元格的合并等操

vue响应式原理之reactive与shallowreactive-爱代码爱编程

文章目录 代码对于代码的解释 专栏目录请点击 代码 我们先写一段代码,然后对于这个代码进行解释 <!DOCTYPE html> <html lang="en">

vue-爱代码爱编程

vue-pdf插件实现pdf文档预览 `vue-pdf`插件的使用——基础积累实现功能:1.多个pdf预览,2.获取页码,每个pdf文档实现分页预览功能1.`npm`安装2.全局注册或者局部注册(我这边是局部注

vuex4之actions-爱代码爱编程

mutations中所有的代码都是同步代码都有的状态的改变都应该在mutations中改变 但是遇到异步请求怎么办? actions中可以写任何的异步代码但是actions不能修改状态,最终状态的修改还是在mutatio

vue-爱代码爱编程

文章目录 全局守卫前置守卫参数返回值错误抓取 解析守卫后置钩子 单个路由路由独享守卫函数数组 组件级组合式api 完整的导航解析流程 专栏目录请点击 全局

vue2中v-爱代码爱编程

v-model和.sync相同点:         都可以达到双向绑定的效果  v-model和.sync不同点:         v-model在同个标签中只能使用一次, .sync修饰符在同个标签中可以使用多次 v-model原理:         v-model在vue中称为语法糖,本质上是给标签属性绑定value

vuex之module的使用_vuex modules使用-爱代码爱编程

简介 module一般我们用来以功能为单位拆分模块,使模块具有更高的封装度和复用性每个模块都拥有自己的state、mutation、action、getter根节点的状态为context.rootState 简单使用

vue-爱代码爱编程

文章目录 配置例子目录index.jsAboutChildA.vueAboutChildB.vueAbout.vue效果 专栏目录请点击 配置 嵌套路由我们是用children字段

vue3之生命周期钩子函数_vue3 组件卸载钩子函数不管用-爱代码爱编程

生命周期变化 从Vue2到Vue3相关的声明周期变化 ,官网 对比 执行阶段vue2vue3组件创建前beforeCreatesetup()组件创建后createdsetup()组件挂载前beforeMoun

vue3之单文件组件(sfc)-爱代码爱编程

文章目录 简介src引入样式特性scope选择器深度选择器插槽选择器全局选择器 moudlecss函数(绑定) 简介 就是*.vue的文件,必须由 @vue/compiler

vue-爱代码爱编程

文章目录 重定向相对重定向 别名多个别名别名中的参数 专栏目录请点击 重定向 我们一般用redirect来进行重定向,在定义路由的时候定义 他后面可以跟 字符串、

vue3之suspense_vue3 suspense跳转没有loading-爱代码爱编程

简介 目前这是一个实验性的组件,官方并不推荐在正式环境中使用 点击 写到这里,感觉vue和react越来越像了,点击他用于加载异步组件的时候,当异步组件还未加载出来的时候优先显示一些内容,如骨架屏等只是我们在使

vue3之自定义hooks函数_vue3 hooks onmount不执行-爱代码爱编程

概念 他类似于vue2中的mixin技术,用于封装可复用功能的函数在我们写的hooks的文件中我们可以使用任何vue3的api 代码 我们一般会新建src/hooks文件夹来保存相应的hooks文件 收集用

vue3之teleport-爱代码爱编程

文章目录 简介例子 简介 Teleport 用于将我们的模板移到某个dom之下的技术他有一个to属性,这个to属性后跟一个选择器,用来表示被包裹的属性应该放到哪个dom标签下 官网 例子 我们在

vue3之shallowreactive与shallowref_shallowreactive 解析错误-爱代码爱编程

简介 这两个api也是用来定义响应式数据的,但是,他们所定义的数据是浅响应式数据,假如有嵌套的对象,那么嵌套的对象的属性并不是响应式的,只有最外层的属性是响应式的shallowReactive:只处理对象最外层属性的响应式

vue3之计算属性和监视-爱代码爱编程

代码 代码 <script setup> import {reactive,watch,watchEffect,computed,ref} from "vue" const person = reactiv

6、计算属性与侦听器(conputed、watch)_计算属性和侦听器-爱代码爱编程

1、计算属性与侦听器 区别计算属性computed多个值改变,为了得到一个结果,使用计算属性(为了得到一个值)侦听器watch一个值的改变,影响多个值,使用侦听器(为了观察一个值)总结在实际开发过程中,大部分问题都是可以用

vue-爱代码爱编程

文章目录 简介声明式跳转toreplace其他 编程式导航router.pushparams参数 router.replacerouter.go 专栏目录请点击 简介