数组更新检测的变更方法:
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.要使用以下API:push(),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中所有组件的属性全都写在组件的标签上