1.created可以声明一些数据,声明一些方法(可以获取数据等),这时候页面还没有渲染不能对dom进行操作
2.mounted可以对dom进行操作
3.对子组件的样式进行更改,因为是子组件,所以要加上$el, this.$refs.XXX.$el.style.width = '200px'
4.垂直居中的一组css:
position:absolute;
top:50%;
left:0px
transform:translateY(-50%);
5.mixin方法
6.延迟方法
7.子组件中定义的props,如果父组件传递过来值了,可以直接使用,但是不能给props里的值赋值
8.父组件可以直接操作子组件的方法,也可以向子组件的方法中传递参数
9.v-show这个组件是不是显示的操作,可以用运算符 a && b a.length 等
10.watch要注意能不能获取到值
11.
1.
props{
data:{
type:Array,
default:[]
}
}
2.
components:{
xxx,
xxx
}
3.
data(){
return{
a:1,
b:2
}
}
4.
create(){
//声明一些数据
//初始化一些数据,不放在data里的
}
5.
mounted(){
//一些方法
}
6.
computed{
shuju(){
做一些操作然后return
return XXX
}
}
7.
watch{
shuju(){
//对数据做一些操作
}
}
8.
methods{
opt(){
//做一些操作
}
}