vue
努力学习的米
记录
展开
-
vue基础学习笔记 --- 组件间数据的传输方式(7种,vue2环境下)
vue组件间传值的7中方法:props、自定义事件、$bus、pubsub-js、vuex、插槽slot、provide和inject跨组件传值原创 2022-08-07 17:41:30 · 1179 阅读 · 1 评论 -
vue基础学习笔记 --- 过滤器和插件
vue中过滤器以及自定义插件原创 2022-08-01 19:53:07 · 272 阅读 · 0 评论 -
vue基础学习笔记 --- v-for 列表渲染
在遍历对象时,按照Object.keys()的结果遍历,不保证他的结果在不同的JavaScript引擎下顺序是一致的。语法v-for="(value,key,index)inObject"语法v-for=“(item,index)inarray”作用列表渲染,指令所在的标签会被循环创建。item数组元素迭代的别名。2、v-for迭代对象的属性。value每个对象的属性值。1、v-for迭代数组。3.可用of代替in。...原创 2022-08-01 18:43:14 · 319 阅读 · 0 评论 -
vue基础学习笔记 --- 浅谈对keep-alive的理解
keep-alive是vue系统自带的一个组件,是用来缓存组件的,避免组件内的数据重复渲染,可以提高性能,是优化的手法之一,当我们使用了keep-alive的时候,会有activated和deactivated这两个事件被激活,activated会在keep-alive组件激活之前也就是当显示组件时触发,deactivated在keep-alive组件激活之后当隐藏缓存组件时触发;被keep-alive包裹的组件在切换的时候不会被销毁,而是被缓存在deactivated钩子函数中。...原创 2022-07-17 16:11:49 · 123 阅读 · 0 评论 -
vue生命周期
vue的生命周期就是vue实例从创建到销毁的过程,即指创建、初始化数据、编译模板、挂载DOM实例到渲染、更新到渲染、销毁等一系列过程,系统自带八个声生命周期分别为:创建前后(beforeCreat、created)、载入前后(beforeMount、mounted)、更新前后(beforeUpdate、updated)、销毁前后(beforeDestory、destoryed);此时当一进入页面或组件,会执行beforeCreat、created、beforeMount、mounted,这四个生命周期;如果原创 2022-07-13 20:53:44 · 277 阅读 · 0 评论 -
vue基础学习笔记 --- vue常用内置指令总结
vue常用的内置指令原创 2022-07-13 19:31:00 · 277 阅读 · 0 评论 -
vue基础学习笔记 --- v-model表单双向绑定、双向绑定的原理、v-bind和v-model的区别
v-model:是双向绑定,用于表单元素,主要针对以下类型:text 文本,textarea 多行文本,radio 单选按钮,checkbox 复选框,select 下拉框原创 2022-07-13 18:51:46 · 199 阅读 · 0 评论 -
Vue基础学习笔记 --- 事件处理、事件修饰符、按键修饰符
格式:v-on:事件名=“函数名” 或者 v-on:事件名=“函数名(参数)”所写的时候 @事件名=“函数名” 或者 @事件名=“函数名(参数)”如果函数不穿参数的时候,默认传event,代表原生的DOM事件,当调用的函数有多个参数传入的时候,需要使用原生DOM事件,要通过$event作为实参来传;用于监听DOM事件案例:事件修饰符:.stop 阻止单击事件继续传播event.stopPropagation().prevent 阻止事件的默认行为 event.preventDefault().once原创 2022-07-09 19:09:18 · 219 阅读 · 0 评论 -
Vue基础学习笔记 --- v-if 和 v-show
v-show:只是操作css的display属性v-if:删除dom元素原创 2022-07-08 20:46:16 · 430 阅读 · 0 评论 -
Vue基础学习笔记 --- Class和Style 绑定v-bind
通过v-bind来绑定class和style来指定样式是很常见的,他们都是元素的属性,表达式结果的类型可以是数组、对象、字符串格式:(当在实际的应用时,如果class后面跟的是字符串,那么不用v-bind动态绑定,因为string值是固定不变的。)...原创 2022-07-08 20:28:31 · 283 阅读 · 0 评论 -
vue基础学习笔记 --- 计算属性、计算属性与函数之间的区别、watch监听器
vue中的computed计算属性和函数的区别;watch监听器原创 2022-07-05 19:43:50 · 458 阅读 · 0 评论 -
vue基础学习笔记 --- MVVM、v-once、v-html、v-bind、v-on
什么是MVVM模型?{{}}语法、v-once、v-html、v-bind、v-on原创 2022-07-05 18:52:11 · 168 阅读 · 0 评论