vue-一些易错点

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(){

    //做一些操作

  }

}

原文地址:https://www.cnblogs.com/luziluck/p/9323705.html