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 ")
}
}