Vue基础

1.可以使用 methods 来替代 computed，效果上两个都是一样的.  

   但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。 {{ reversedMessage }}  

   使用 methods ，在重新渲染的时候，函数总会重新调用执 {{ reversedMessage2() }}  

   用 computed 性能会更好，但是如果你不希望缓存，你可以使用 methods 属性

2.事件修饰符：

   .stop阻止事件冒泡  

   .prevent提交事件不再重载页面  

   .capture  添加事件侦听器时使用事件捕获模式  

   .self  只当事件在该元素本身（而不是子元素）触发时触发回调  

   .once click事件只能点击一次

3.按键修饰符  

        为常用的按键提供了别名 .enter  .tab  .delete ==

4.表单   v-model  复选框、select、按钮  

　　.lazy  input中同步的事件转变为在change事件中同步  

　　.number 将输入的值转变为Number类型的  

　　.trim 去掉收尾的空格

5.创建一个组件并使用

  <div id="app">    
<runoob></runoob>  

</div>    

<script>  

// 注册  

Vue.component('runoob', {   

  template: '<h1>自定义组件!</h1>'   })  

// 创建根实例   new Vue({     el: '#app'   })  

</script>

new Vue({    

el: '#app',    

components: {      

// <runoob> 将只在父模板可用     

  'runoob': Child     }   })

6.组件   父组件向子组件传值：props  

             子组件向父组件传值：

                     使用 $on(eventName) 监听事件

                     使用 $emit(eventName) 触发事件

7.自定义指令： directives 选项来注册局部指令  

   Vue.directive('focus', {    

  // 当绑定元素插入到 DOM 中。    

   inserted: function (el) {     

  // 聚焦元素    

   el.focus()     }   

})