Todo-List案例版本五

安装库npm i pubsub-js 

消息的订阅与发布

src/App.vue

src/components/School.vue

src/components/Student.vue

src/main.js

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

// Vue.prototype.x={a:1,b:2}

//创建vm
new Vue({
    el: '#app',
    render: h => h(App)
})

$nextTick(回调函数) 

Todo-List最终完成版

hasOwnProperty和$set()和函数(参数,$event)使用

(161条消息) Todo-List案例版本四_bubbleJessica的博客-CSDN博客

src/components/MyHeader.vue

src/components/MyList.vue

src/components/MyItem.vue

src/components/MyFooter.vue

src/App.vue

src/main.js

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

//创建vm
new Vue({
    el: '#app',
    render: h => h(App),
    beforeCreate(){
        Vue.prototype.$bus=this //安装全局事件总线
    }
})