![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 70
失落的IT流浪汉
这个作者很懒,什么都没留下…
展开
-
Vue-vue3
Vue3.0原创 2024-03-28 08:16:05 · 1051 阅读 · 0 评论 -
Vue-常用UI组件库
1、安装babel-plugin。2、配置babel配置文件。修改babel配置文件。原创 2024-03-22 11:24:40 · 727 阅读 · 0 评论 -
Vue-路由
何为编程式的路由导航,简单来说就是不借助router-link的路由,让路由跳转更灵活。4.实现切换(active-class可配置高亮样式)初始化的时候被调用,每次路由切换放行之后被调用。初始化的时候被调用,,每次路由切换之前被调用。配置在组件中,想对那个组件设置则在组件中配置。具体编码,调用$router中的两个api。分为:全局守卫、独享守卫、组件内守卫。接收则通过route进行接收。原创 2024-03-19 23:19:26 · 861 阅读 · 0 评论 -
Vue-Vuex
1.专门在vue中实现集中式状态(数据)管理的一个vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件之间的通信方式,且适用于任何组件。1.初始化数据、配置 actions、配置 mutations,操作文件 store.js。准备store目录下的index.js文件。2.来自不同组件的行为需要变更同一个状态。1.多个组件依赖同一个状态。默认不指定时安装最新版本。原创 2024-03-17 16:52:14 · 237 阅读 · 0 评论 -
Vue-插槽
让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于父组件 ===>子组件其中分类:默认插槽、具名插槽、作用域插槽数据在组件的自身,但根据数据生成的结构需要组件的使用者来决定。(games数据在Category组件中,但使用数据所遍历出来的结构由App组件决定)。注意数据在子组件,但dom元素的结构在父组件中父组件中: < Category > < template scope = " scopeData " > <!原创 2024-03-13 12:34:12 · 271 阅读 · 0 评论 -
Vue过度效果与动画
3.什么时候用:当数据进行改变后,要基于更新后的dom进行某些操作的时候,要在nextTick所指定的的回调函数中进行执行。1.作用:在插入,更新或者移除dom元素的时候,在合适的时候给元素添加各种类名。2.作用:在下一次DOM更新结束之后执行其指定的回调。1.语法:this.$nextTick(回调函数)原创 2024-03-11 11:20:52 · 339 阅读 · 0 评论 -
Vue-组件之间的通信方式
App组件中定义给student组件绑定一个叫atguigu的事件,事件对应的处理函数名为getStudentName在student组件中定义atguigu的触发,并传递name给父组件在student组件中进行定义解绑多个自定义事件实现任意组件间的通信1.在main.js文件中安装全局事件总线new Vue(......Vue.prototype.$bus = this // 安装全局事件总线,$bus就是当前应用vm......2.使用事件总线类似于消息的订阅类似于消息的订阅。原创 2024-03-11 10:12:45 · 583 阅读 · 0 评论