学习vue(5)

数组更新检测的变更方法:
Vue将被侦听的数组的变更方法进行了包裹,所以他们也将会触发视图更新,这些被包裹的方法包括
push(),pop(),shift(),unshift(),splice(),sort(),reverse()
Vue检测数据的原理:1.vue会监视data中所有层次的数据
2.如何监测对象中的数据?
(1)对象中后追加的属性 vue默认不做响应式处理
(2)如需给后添加的属性做响应式 使用以下API
Vue.set(target.propertyName/index.value)或vm. s e t ( t a r g e t . p r o p e r t y N a m e / i n d e x . v a l u e ) 如何监测数组中的数据?通过包裹数组更新元素的方法实现,本质就是做了两件事情:( 1 )调用原生对应的方法对数组进行更新( 2 )重新解析模版,进而更新页面在 V u e 中修改数组中的某个元素要用的方法: 1. 要使用以下 A P I : p u s h ( ) , p o p ( ) , s h i f t ( ) , u n s h i f t ( ) , s p l i c e ( ) , s o r t ( ), r e v e r s e () 2. V u e . s e t ()或者 v m . set(target.propertyName/index.value) 如何监测数组中的数据? 通过包裹数组更新元素的方法实现,本质就是做了两件事情:(1)调用原生对应的方法对数组进行更新(2)重新解析模版,进而更新页面 在Vue中修改数组中的某个元素要用的方法:1.要使用以下API:push(),pop(),shift(),unshift(),splice(),sort(),reverse() 2.Vue.set()或者 vm. set(target.propertyName/index.value)如何监测数组中的数据?通过包裹数组更新元素的方法实现,本质就是做了两件事情:(1)调用原生对应的方法对数组进行更新(2)重新解析模版,进而更新页面在Vue中修改数组中的某个元素要用的方法:1.要使用以下APIpush(),pop(),shift(),unshift(),splice(),sort(),reverse()2.Vue.set()或者vm.set()
收集表单数据:1.没有配置input的value属性,那么收集的就是checked
2.配置input的value属性(1)v-model的初始值是非数组,那么收集的就是checked(2)v-model的初始值是数组,那么收集的就是value组成的数组
v-model的三个修饰符:lazy:失去焦点再收集数据 number:输入字符串转换为有效的数字 trim:输入首尾空格过滤
全局事件总线:任意组件间通信
在vue脚手架项目中安装elementui
(1)下载elementui的依赖 npm i element-ui -S
(2) 指定当前项目中使用elementui
import ElementUI from ‘element-ui’
import 'element-ui/lib/theme-chalk/index.css";
//在vue脚手架中使用elementui
Vue.use(ElementUI);
使用element-ui的相关组件需要注意的是 所有组件都是el-组件名称开头的
在elementui中所有组件的属性全都写在组件的标签上

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值