event 事件篇

有时候需要在v-on绑定的事件中处理原生dom的事件，则可以使用$event将它传入方法：

html

<button :click="warn('data',$event)">按钮</button>

methods: {

  warn: function (message, event) {

    // 现在我们可以访问原生事件对象

    if (event) event.preventDefault()

    alert(message)

  }

}

其实上面提到的在方法中处理原生dom事件，主要也就是阻止冒泡之类的方法，为了可以在method只专注于业务逻辑，vue还提供了一些事件修饰符：

<a :click.stop 阻止单击事件冒泡

<from :click.prevent 提交事件不再重复加载页面

:click.stop.prevent 修饰符可以串联使用

键盘事件

<input :keyup.enter = "submit">

<input :keyup.11 = "submit>

生命周期

就是 创建前后  挂载前后 更新前后 销毁前后

计算属性 computed