vue 采坑

1.ref

在父组件中访问子组件实例，或者直接操作DOM元素时需要ref

<input ref="ipt">

通过this.$refs.ipt 得到此input

$refs是非响应式的，不应该在模板中做数据绑定

2.自定义事件

$on  $emit

<!--使用v-on在html中监听-->
<my-component v-on:test="callbackFun"></my-component>
<script>
//直接用$on监听
vm.$on('text',function(){})
</script>

3.跳过css检测

对于只使用js过度的元素使用v-bind:css = "false" 跳过vue对css的检测

4.自定义组件

自定义组件的名字不能用html关键字或者候选字，不然会被当成html元素来解析

5.子组件通过按钮调用父组件定义的方法

父组件：

<p @childBtn = "ServiseList"></p>

methods:{

　ServiseList(){

　　router.push({

　　　　name:'search',

　　　　params:this.ListParameter

　　})

　　}　

}

子组件：

<button type="button" @click="commonality"></button>

methods:{

　　commonality(){

　　　　this.$emit("childBtn ")

　　}

}

转载于:https://www.cnblogs.com/wong-do/p/8905873.html