method用来定义方法的,比如你click=”test”,methods就定义test这个方法
created和ready都是 vue 组件的生命周期
created
类型: Function
详细:
在实例创建之后同步调用。此时实例已经结束解析选项,这意味着已建立:数据绑定,计算属性,方法,watcher/事件回调。但是还没有开始 DOM 编译,$el 还不存在。
ready
类型: Function
详细:
在编译结束和 el第一次插入文档之后调用,如在第一次attached钩子之
有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的Vue实例作为中央事件总线:
var bus = new Vue()
// 触发组件 A 中的事件
bus.$emit('id-selected', 1)
// 在组件 B 创建的钩子中监听事件
bus.$on('id-selected', function (id) {
// ...
})
在更多复杂的情况下,你应该考虑使用专门的 状态管理模式.就是用到了vuex
eventBus是作为兄弟关系的组件之间的通讯中介。
代码示
前面的话
让多个组件使用同一个挂载点,并动态切换,这就是动态组件。本文将详细介绍Vue动态组件
概述
通过使用保留的 元素,动态地绑定到它的 is 特性,可以实现动态组件
切换页面
[removed]
var home = {template:'我是主页'};
var post = {template:'我是提交页