摘要：子组件向父组件通信主要通过自定义事件实现。 这里我记录一个小例子来帮助自己记忆。 通过点击子组件的按钮去执行父组件的函数并使用子组件传来的数据。 子组件定义如下: <template id="temp"> <div> <button v-for="item in game" @click="item 阅读全文

摘要：一般情况下，子组件中无法直接使用父组件的变量。借助子组件的props选项可以实现这一点。 这里我将一个vue实例作为一个父组件： const app = new Vue({ el:'#div1', data:{ movies:['复联四','疯狂动物城','银河护卫队','星际穿越'] }, met 阅读全文

摘要：v-model指令有三个可以选用的修饰符：.lazy、.number以及.trim。vue官方对此的描述为： .number-输入字符串转为有效的数字 .lazy-取代input监听change事件 .trim-输入首尾空格过滤 官方链接：https://cn.vuejs.org/v2/api/#v 阅读全文