功能杂记（watch数组、键盘快捷）

学习目标：

1、监听数组变化
2、回车键input框默认输入完成，取消对焦
3、阻止事件冒泡
4、span标签

学习内容：

1.监听数组变化

 watch:{
   items:{
     handler:function(val){
        this.initItem()
     },
     deep:true
   }
  },

<el-input @input="newInput"  v-model.trim="airwaylist.name" @keyup.enter.native="$event.target.blur()"></el-input>

@click.native.stop

学习产出：

1、watch中的deep属性默认值是false：无法监听对象内部属性的改变。deep：true。给对象的所有属性加监听器，当对象属性较多时，每个属性值的变化都会执行handler。
2、@keyup.enter.native="$event.target.blur()"
回车松开，该事件（event）的对象（target）失去对焦（blur()）
3、当我们点击子元素，触发的时事件会传递给父元素，这就是事件冒泡。这时候为了不让父元素受影响就要阻止冒泡
4、span标签是内联元素，用来组织行内的内容，不像块级元素（如：div标签、p标签等）有换行的效果