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>

// 注册

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

})

巴特西