Vue
文章平均质量分 69
vue笔记
Now喔
这个作者很懒,什么都没留下…
展开
-
Vue3-导出导入excel
vue3,excel导入导出原创 2024-07-28 22:48:50 · 866 阅读 · 0 评论 -
Vue指令
1.对象->键就是类名,值是布尔值。2.数组->数组中所有的类,都会添加到盒子上,本质就是一个class列表 <div class="box" :class="[类名1,类名2]"></div>作用:控制元素显示隐藏,底层原理,切换css的display:none来显示隐藏,但不会更改操作元素结构,true为显示元素,flase:不显示元素。但是 v-else要配合v-if v-else-if使用,要么同时使用,要么v-if。语法:v-if:"表达式" v-else-if:"表达式" v-else。原创 2024-06-19 23:59:14 · 619 阅读 · 0 评论 -
Vue计算属性和监视器
计算属性是基于它们的依赖项的值结果进行缓存的,只要依赖的变量不变, 都直接从缓存取结果。计算属性根据依赖变量结果缓存, 依赖变化重新计算结果存入缓存, 比普通方法性能更高。作用:基于现有的数据,计算出来的新属性。依赖的数据变化,自动重新计算。1.声明在computed配置项中,一个计算属性对应一个函数。2.使用起来和普通属性一样使用{{计算属性名}}vue计算属性-缓存。原创 2024-06-21 00:14:33 · 176 阅读 · 0 评论 -
Vue生命周期总结(四个阶段,八个钩子函数)
详细:这个钩子函数获取dom的内容是更新之后的内容生成新的虚拟dom,新的虚拟dom与之前的虚拟dom进行比对,差异之后,就会进行真实dom渲染。:这个钩子函数初始化的不会执行,当组件挂载完毕的时候,并且当数据改变的时候,才会立马执行,这个钩子函数获取dom的内容是更新之前的内容。该钩子被调用后,对应 Vue 实例的所有指令都被解绑,所有的事件监听器被移除,所有的子实例也都被销毁。:挂载阶段的最后一个钩子函数,数据挂载完毕,真实dom元素也已经渲染完成了,这个钩子函数内部可以做一些实例化相关的操作。原创 2024-06-21 00:48:08 · 1286 阅读 · 0 评论 -
Vue组件通讯
v-mode是父子关系通讯(prop和$emit),只是prop属性名称是value(固定)更新方法是input,本质是通过value进行通讯。2.第一层components/ViewA.vue。3.第二层components/ViewAA.vue。特定:prop属性名称,可以自定义,非固定value。2.订阅者components/ViewA.vue。控件:components/ViewA.vue。1.父类组件App.vue。3.发布者App.vue。2.使用App.vue。使用:App.vue。原创 2024-06-26 00:54:18 · 500 阅读 · 0 评论 -
Vue自定义指令
注册:main.js。使用:App.vue。原创 2024-06-26 01:07:44 · 347 阅读 · 0 评论 -
Vue-路由
SPA单页面应用。导航区和展示区单页Web应用整个应用只有一个完整的页面点击页面中的导航连接不会刷新页面,只会做页面的局部更新数据需要通过ajax请求获取路由:路由就是一组映射关系,服务器接收到请求时,根据请求路径找到匹配的函数处理请求,返回响应数据。原创 2024-06-28 00:30:01 · 771 阅读 · 0 评论 -
Vue-插槽
插槽(Slot)是vue组件封装时候提供用户拓展功能,把一些不确定的功能,希望用户指定的部分定义为插槽,相当于占了一个空间给用户进行填充功能。如果在封装组件时需要预留多个插槽节点,则需要为每个插槽指定具体的name名称,带有具有名称的插槽叫做具名插槽.如果封装过程没有预留插槽,用户提供自定义的内容会被丢弃,因为用户提供的内容,vue不知道往哪里放。如果用户不往插槽提供任何内容,则该内容会生效,后备内容展示到页面上。插槽:components/ViewA.vue。叫做“作用域插槽”。原创 2024-06-26 23:39:45 · 378 阅读 · 0 评论 -
Vue-VueX
vue2原创 2024-07-14 23:35:46 · 928 阅读 · 0 评论