vue2
文章平均质量分 72
恸426
这个作者很懒,什么都没留下…
展开
-
Vue2中Vuex的使用状态管理工具
Vuex是一个 Vue 的 状态管理工具,状态就是数据,可以帮我们管理 Vue 通用的数据 (多组件共享的数据),任何组件都可以取到数据使用,特点:共同维护一份数据,数据集中化管理,数据响应式变化, 操作简洁 (vuex提供了一些辅助函数)原创 2024-07-11 20:59:57 · 942 阅读 · 0 评论 -
Vue2路由Router
vue开发一般是单页面程序。路由是一种映射关系,在Vue中路由是路径和组件的映射关系,可以实现跳转页面原创 2024-07-09 15:12:53 · 769 阅读 · 0 评论 -
Vue2插槽
插槽有默认插槽和具名插槽,通过插槽完成了内容的定制,传什么显示什么,。作用域插槽可以进行传值原创 2024-07-09 15:03:49 · 343 阅读 · 0 评论 -
Vue2组件开发,组件通信
非父子组建之间的通信,两个没有任何关系的组件之间的通信,可以进行简易的消息传递(复杂场景使用Vuex)父组件中使用的是input的名字时使用v-model,其他情况下可以使用.sync,这样能够见名知意。子中不能修改父传过来的数据,如果要修改,需要将数据传给父中,让父进行处理。一个页面可以拆分成一个个组件,每个组件有着自己独立的结构、样式、行为。 普通组件都存在根组件里面,普通组件里面也可以再嵌套子组件。,原理是每一个组件的标签都会加上一个data-v-随机哈希。原创 2024-07-09 14:58:59 · 1043 阅读 · 0 评论 -
vue2生命周期
beforeDestroy释放vue以外的资源,例如定时器、延时器。: 响应式数据创建,vue实例创建完成,通常在此发送初始化请求。:视图数据更新之前,数据更新完成,但是视图数据还没更新完。:模板渲染完成,页面创建完成,可以获取DOM节点。一般情况下在create函数发送初始化渲染请求。:响应式数据创建之前,vue实例还没创建。:渲染模板之前,模板页面还没渲染完成。在mounted开始可以操作DOM。:视图数据更新完成,数据也更新完成。:vue实例已经销毁。原创 2024-07-09 14:27:06 · 214 阅读 · 0 评论 -
vue2监听器watch
执行一些业务逻辑或异步操作,一旦监听的数据变化了立马执行。简单类型数据直接监听(使用的是方法的写法)watch声明在跟data同级的配置项中。添加额外的配置项(使用的是对象的写法)原创 2024-07-09 14:25:41 · 225 阅读 · 0 评论 -
计算属性computed
computed具有缓存作用,一旦进行计算就会缓存起来,使用的时候直接从缓存中获取,性能更优,相比于methods性能更好,methods每次调用都需要进行计算。默认使用不具备修改的功能,如果需要对计算属性中的属性进行修改,需要使用完整写法。计算属性不能和data中的属性同名。一个计算属性对应一个函数。原创 2024-07-09 14:24:36 · 224 阅读 · 0 评论 -
Vue2 基础语法,插值表达式、指令
插值表达式{{}},指令v-for, v-if, v-bind, v-on...原创 2024-07-09 14:14:15 · 851 阅读 · 0 评论