Beng_shakalaka的博客

Vue每个 Vue 应用都需要通过实例化 Vue 来实现： var vm = new Vue({ //选项 })el : DOM元素中的id， data : 定义属性， methods : 定义函数，可以用return返回函数值，{{ }}用于输出对象属性和函数返回值， 当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入 了其 data 对象中能找到的所有的属

计算属性：computed <div id="app"> <p>{{message}}</p> <p>{{reserveMess}}</p> </div> <script> var vm = new Vue({ el:"#app"

watch：观测Vue实例上的数据变动，对应一个对象， 键：就是需要监测的那个东西， 值： 1.可以是当键变化时执行的函数，有两个参数，第一个是变化前的值，第二个是变化后的值。 2.可以是函数名，得用单引号包裹。 3.可以是一个对象，这个对象有三个选项： （1）handler ：一个回调函数，监听到变化时应该执行的函数。 （2）deep ：boolean值，是否深度监

自定义事件在子组件的某个事件中触发父组件的某个自定义事件。 利用v-on绑定自定义事件： 使用$on(eventname)监听事件 使用$emit(eventName, optionalPayload)触发事件 父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。主要靠着父组件注册自定义事件，子组件触发该事件，达到传参等效果。例1：<div id="app">

Vue 事件处理器：1.直接用表达式：v-on:<div id="app"> <button v-on:click="counter +=1"></button> <p>{{counter}}</p> </div>new Vuew({ el:'#app', data:{ counter:0 } })2.定义一个方法：<div id="app">

是