vue
Afra_yanghongyun
坚持原创
展开
-
Vue-MVVM模型
vue的模型图M:模型,相当于data数据V:视图,相当于templale模板VM:视图模型,相当于vue实例。原创 2024-01-22 20:09:51 · 370 阅读 · 1 评论 -
vue-数据代理
要了解数据代理先要了解Object.defineProperty。原创 2024-01-22 20:07:40 · 581 阅读 · 0 评论 -
vue的过滤器
用法:插值语法使用{{需要处理的数据 | 过滤器名称}},v-bind:属性=“需要处理的数据 | 过滤器名称”.1,过滤器可以接受额外的参数,多个过滤器可以串联.过滤器的第一个参数会取管道符"|"前的过滤器返回值.定义:对显示的数据进行特定格式的的处理后再显示(适合简单的逻辑处理)2.过滤器处理数据不会改变原来的数据,是会产生新数据.原创 2023-12-20 20:53:28 · 29 阅读 · 0 评论 -
vue的动画
如果多个元素过渡可以使用标签包裹标签,并且里面标签元素需要标注不同的key值。2.v-enter-active:进入的过程中。2.v-leave-active:离开的过程中。3.v-enter-to:进入的终点。3.v-leave-ro:离开的终点。1.v-enter:进入的起点。1.v-leave:离开的起点。使用标签包裹住需要变化的标签。原创 2023-12-19 21:47:04 · 53 阅读 · 0 评论 -
Vue的vuex
2,以下是vuex的数据流程图:数据变化可以提交Dispatch到actions,处理异步事件,最终使用mutation改变state数据.也可以直接提交commit到mutation,改变state数据.state数据变化,会更新视图.2.组件中修改vuex中的数据:$store.commit(‘mutations中的方法名’,数据)组件中修改vuex中的数据:$store.dispatch(‘action中的方法名’,数据)1.用于帮助我们映射state中的计算属性。用于存储状态数据,初始化数据。原创 2023-12-18 22:27:46 · 58 阅读 · 0 评论 -
Vue生命周期
1,在beforeMount和mounted之间是在将内存在的虚拟DOM(vNode)更新为真实DOM.此时页面已是编译后的DOM,可以获取页面的DOM结构.1,此时页面所有的data ,methods,指令都是可以使用状态.是指马上要执行销毁过程,一般在此阶段关闭定时器,解绑自定义事件,取消订阅消息等.1.Vue的生命周期是从new vue()实例开始创建,挂载,更新,卸载(销毁)的一个生命过程.1,此时,数据是新的,但是页面时旧的(数据和页面没有保持同步)2,此时页面不可以用,页面已销毁.原创 2023-12-17 21:12:21 · 31 阅读 · 0 评论 -
Vue插槽
vue的插槽:可以在子组件中插入一些代码片段或组件,可以理解为在组件中放置了代码占位符。原创 2023-12-14 22:01:07 · 28 阅读 · 0 评论 -
Vue的路由
2.浏览器的历史记录有两种模式:分别是push和replace,push是追加历史记录,replace的是替换。1.repace的作用:控制路由跳转时操作浏览器历史记录的模式.1,全局前置路由守卫:初始化时被 调用,每次路由切换之前被调用.1,全局后置路由守卫:初始化时被 调用,每次路由切换之后被调用.1.activated:路由组件被激活时触发.作用:让路由组件更方便接收参数,有三种写法。作用:可以不借助实现路由跳转,让路由更灵活.作用:让不展示的组件保持挂载,不被销毁。记录.路由的默认模式是push.原创 2023-12-10 21:49:08 · 35 阅读 · 1 评论 -
VUE3.0总结回顾-VUE3.0组合式API
vue3,vue3.0,vue3.0组合式api原创 2023-06-17 17:48:46 · 94 阅读 · 1 评论