vue知识
文章平均质量分 52
viceen
这个作者很懒,什么都没留下…
展开
-
route和router路由的写法——currentRoute、useRouter、useRoute、getCurrentInstance-proxy获取组件实例的用法
【代码】route和router路由的写法——currentRoute、useRouter、useRoute、getCurrentInstance-proxy获取组件实例的用法。原创 2024-05-15 16:41:18 · 537 阅读 · 0 评论 -
props的几种写法——defineProps定义props、toRefs接收props、computed中get和set写法、watch深度监听immediate-true
script>//写法一Reply},data() {return{replys:''},methods: {//写法二props: {id: {},},width: {},data() {return{replys:''},methods: {</script>原创 2024-05-15 16:40:47 · 1009 阅读 · 0 评论 -
自定义vue指令v-drag & 封装自定义可拖拽弹框 & id定义样式、computed实现动态style动态class & 具名插槽name属性定义slot & 引入全局组件 & 定义全局样式
<el-button type="primary" size="default" @click="abc">点击</el-button></div><script>data() {return {},methods: {abc(){},</script>2、封装组件<template><p>提示</p></slot></div>原创 2024-05-15 16:39:33 · 297 阅读 · 0 评论 -
axios请求本地json文件——调用路径只支持相对路径形式 & 设置、获取、清除sessionStorage & 跨组件通信之父组件有provide选项提供数据,子组件有inject选项来使用数据
src同层级,public文件夹下的static文件夹中,新建userInfo.json。src同层级,public文件夹下新建serverConfig.json。所以如果需要引用static目录下的图片及其他资源,应该使用绝对路径。原创 2024-03-28 10:07:08 · 1160 阅读 · 0 评论 -
vue中组合式 API-依赖注入之provide和inject的用法(三)——实例之引用全局静态数据
***@Description 全局数据*@author 张三*/publicCoop:'ieop-mtg-coop',// 公共网关标识ieopActivity:'ieop-mtg-activity',// 申请表单网关标识ieopMtgReport:'ieop-mtg-report', // 运营服务网关标识team:'2', // 团队标识user:'a', // 用户标识uploadMark:{ // 上传标识special:'special', // 专题培训。原创 2024-03-28 09:31:01 · 459 阅读 · 0 评论 -
vue中组合式 API-依赖注入之provide和inject的用法(二)——添加响应性 & 污染全局数据、破坏了单向数据流,vuex可追踪数据 & 三种通信方式之父子通信、兄弟通信、跨级通信
但是,Form 的下一层组件不一定是 FormItem,FormItem 的下一层组件不一定是 Button,它们之间还可以嵌套其他组件,也就是说,层级关系不确定。在 elementUI 中有 Button(按钮)组件,当在 Form(表单)组件中使用时,它的尺寸会同时受到外层的 FormItem 组件以及更外层的 Form 组件中的 size 属性的影响。所以在修改值的时候,还是需要在 provide 发布数据的组件内修改数据,在父组件内添加修改方法,同时也发布出去,在子组件处调用就可以了。原创 2024-03-28 09:30:25 · 1847 阅读 · 0 评论 -
vue中组合式 API-依赖注入之provide和inject的用法(一)——功能-把一个祖先组件指定的数据和方法,传递给其所有子孙后代 & provide-提供或发送数据, inject-接收数据
在父子组件传递数据时,通常使用的是 props 和 emit。父传子时,使用的是 props,如果是父组件传孙组件时,就需要先传给子组件,子组件再传给孙组件,如果多个子组件或多个孙组件使用时,就需要传很多次,会很麻烦。像这种情况,可以使用 provide 和 inject 解决这种问题,不论组件嵌套多深,父组件都可以为所有子组件或孙组件提供数据,父组件使用 provide 提供数据,子组件或孙组件 inject 注入数据。原创 2024-03-28 09:29:51 · 2135 阅读 · 0 评论 -
vue中provide和inject的用法
provide 和 inject 主要在开发高阶插件/组件库时使用。3个组件 A(父级)、B(子级)、C(孙子级)3个组件 A(父级)、B(子级)、C(孙子级)通过provide与inject,原创 2024-03-28 09:28:45 · 885 阅读 · 0 评论 -
vue3中,axios的几种用法之抽离接口、post请求、get请求、.env.dev、网关标识、基准地址
【代码】vue3中,axios的几种用法之抽离接口、post请求、get请求、.env.dev、网关标识、基准地址。原创 2024-03-28 09:01:31 · 1441 阅读 · 1 评论 -
vue3中,引入data数据方式 & 引入组件的2种方式
【代码】vue3中,引入data数据方式 & 引入组件的2种方式。原创 2024-03-28 08:58:10 · 1647 阅读 · 0 评论 -
tsconfig.json配置释义
【代码】tsconfig.json配置释义。原创 2024-03-27 09:40:06 · 234 阅读 · 0 评论 -
vue混入实例
Vue的混入(mixins)是一种可复用的代码抽象方式,用于在多个组件中共享相同的逻辑。混入本质上就是一个普通的Vue实例,它可以定义组件中的各种选项,包括data、methods、computed、watch等等。Vue混入是一种可重用的代码抽象方式,它可以在多个组件中共享相同的逻辑。通过定义混入对象,我们可以将数据、方法和生命周期钩子等选项注入到组件中。在Vue组件中使用混入很简单,只需将混入对象插入到。在上面的代码中,我们首先定义了一个名为。的混入对象,该对象包含一个名为。最后,我们创建了一个新的。原创 2024-03-27 09:15:44 · 159 阅读 · 0 评论 -
vue2中,data为什么是函数
在Vue 2中,data是一个函数,这是因为Vue需要确保每个组件实例都有独立的响应式数据。如果data直接是一个对象,那么在多个组件实例中,它们可能会共享同一个数据,这将导致组件之间的状态互相影响,不符合预期。通过将data设为一个函数,每次当一个组件实例被创建时,这个函数都会返回一个新的对象,从而确保每个组件实例都有自己的数据。此外,这个函数还可以用于设置初始数据。在这个例子中,每次创建组件的实例时,都会创建一个新的data对象,其中count。原创 2024-03-27 09:15:01 · 828 阅读 · 0 评论 -
vue项目中 jsconfig.json和tsconfig.json文件配置释义 & compilerOptions配置
通俗作用——提高在写项目时舒适度的如果开发的项目根目录下没有 jsconfig.json,在默认情况下,像 VS Code, 默认只会把 node_modules文件夹排除掉。当您在工作空间中有一个定义项目上下文的jsconfig.json文件时,JavaScript体验会得到改进。只要有可能,您应该使用不属于项目源代码的JavaScript文件排除文件夹。目录中存在tsconfig.json文件表明该目录是 TypeScript 项目的根目录。原创 2023-08-27 16:42:40 · 7808 阅读 · 0 评论 -
当前时间组件
vue原创 2022-09-04 17:32:21 · 364 阅读 · 0 评论 -
vue2+vite中,通过插件vite-plugin-svg-icons和fast-glob封装组件使用svg图片
vue原创 2022-08-30 14:13:19 · 659 阅读 · 0 评论 -
Vite创建Vue2项目中,封装svg-icon组件并使用——插件之vite-plugin-svg-icons和fast-glob
vue原创 2022-08-30 14:12:13 · 1885 阅读 · 0 评论 -
Vite创建Vue2项目
vue原创 2022-08-30 14:09:14 · 3217 阅读 · 1 评论 -
vue中,this.$set的使用-this.$set(obj, key, value)和vue.set(obj, key, value)——给对象添加属性,而且视图层会响应该数据的变化
js原创 2022-08-30 14:03:20 · 654 阅读 · 0 评论 -
vue2,单页面演示computed计算属性
vue原创 2022-08-29 10:10:13 · 166 阅读 · 0 评论 -
vue2中监听watch的写法汇总
vue原创 2022-08-29 10:09:10 · 1627 阅读 · 1 评论 -
vue中props设置默认值-父组件给子组件传值的写法——简略、带类型、带类型和默认值、带校验
vue原创 2022-08-29 10:07:32 · 12323 阅读 · 1 评论 -
Vue中子组件调用父组件的3种方法实例——this.$parent调用方法、this.$emit触发方法、v-model方法传值
vue原创 2022-08-29 10:06:47 · 2840 阅读 · 1 评论 -
vue中父给子传值时,this.$parent的使用 & props的三种写法 & 子组件命名的写法 & components的写法和简写
vue原创 2022-08-29 10:05:57 · 2835 阅读 · 0 评论 -
vue中,封装组件demo
vue原创 2022-08-29 10:04:33 · 217 阅读 · 0 评论 -
Vue中,子组件修改父组件传递过来的值(父传子)-props接收数据的四种写法
vue原创 2022-07-07 13:56:16 · 6520 阅读 · 3 评论 -
vue中,子组件向父组件(子传父)使用$emit,传递一个或多个参数
vue原创 2022-07-07 13:55:46 · 9061 阅读 · 0 评论 -
vue中组件之间调用方法——子组件调用父组件的方法 & 父组件调用子组件的方法
vue原创 2022-07-07 13:54:42 · 5550 阅读 · 0 评论 -
Vue中获取当前元素事件的event对象用法(二)——target-当前点击元素 & currentTarget-绑定事件元素 & 获取兄弟元素、子元素、父元素
vue原创 2022-07-07 13:52:08 · 9690 阅读 · 0 评论 -
Vue中获取事件的event 对象(一)——不传参-默认event对象 & 传参数$event-可添加其他参数
vue原创 2022-07-07 13:51:34 · 4780 阅读 · 1 评论 -
Vue中,一个组件调用其他组件的方法(非父子组件)
vue原创 2022-07-07 13:51:04 · 18332 阅读 · 8 评论 -
vue2中,计算属性及监听的完整示例——computed-return的值不需要data里定义 & watch的handler方法之immediate属性-是否先执行一次、deep属性-是否深度监听
vue知识原创 2022-07-04 09:40:06 · 828 阅读 · 0 评论 -
vue-router中$route 和 $router的区别——$route-获取路由信息 & $ router-用来操作路由
vue知识原创 2022-07-04 09:35:12 · 1726 阅读 · 0 评论 -
路由跳转的方式和传参——方式之声明式导航、编程式导航 & 传参之params和query
vue知识原创 2022-07-04 09:34:18 · 704 阅读 · 0 评论 -
vue 路由监听的方式——监听$route变化& beforeRouteEnter和beforeRouteLeave的使用
vue知识原创 2022-07-03 23:56:39 · 9130 阅读 · 0 评论 -
vue的路由守卫中,在beforeRouteEnter中动态获取路由地址信息之to、from、next & vm的使用
vue知识原创 2022-07-03 23:46:31 · 5384 阅读 · 0 评论 -
vue中,component动态组件的实际应用(三)
动态组件原创 2022-06-01 10:52:29 · 309 阅读 · 0 评论 -
vue中,component动态组件的实际应用(二)
动态组件原创 2022-06-01 10:51:36 · 196 阅读 · 0 评论 -
vue中,component动态组件的实际应用(一)
动态组件原创 2022-06-01 10:50:08 · 588 阅读 · 0 评论 -
vue中,component动态组件的三种方式 & keep-alive实现动态组件的缓存
vue中,component动态组件的三种方式 & keep-alive实现动态组件的缓存1、什么是动态组件定义:多个组件挂载到同一个组件上,通过参数动态的切换不同组件就是动态组件。书写形式:<component :is="componentName"></component>内置组件:component:是vue里面的一个内置组件。vue内置的组件还包括:transition:作为单个元素/组件的过渡效果transition-group:作为多个原创 2022-04-13 11:32:46 · 2653 阅读 · 0 评论