Vue.js暑假学习心得二

Vuejs有六个选项:data,props,propsData,computed,methods,watch，

Methods

其中methods用于将事件与某个方法绑定后在methods里定义方法，methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。

事件修饰符

在事件处理器上，Vue.js为v-on提供了几个事件修饰符，在使用时事件修饰符可以串联如

也可以只有修饰符不绑定事件

事件修饰符里面 .prevent用来阻止事件的默认行为 .stop用来阻止事件冒泡 .capture表示添加事件侦听器时采用capture捕获模式，.self表示只当事件在该元素本身触发时触发回调。

此外Vue.js可以为v-on添加键盘修饰符用以监听键盘事件

 

在keyCode为13时调用vm.submit(),  Vue.js也为常用的按键提供了别名

Props

props 可以是数组或对象，用于接收来自父组件的数据。props 可以是简单的数组，或者使用对象作为替代，对象允许配置高级选项，如类型检测、自定义校验和设置默认值。

类似于用v-bind将HTML特性绑定到一个表达式，也能用其将动态props绑定到父组件的数据，每当父组件的数据变化时，该变化也会传导给子组件

var Child=Vue.extend({
    //声明props
    props:['didiPorps'],
    template:'
{{didiProps}}DDFE!
',
    replace:true
})
var Parent=Vue.extend({
    template:'
i am parent