1、安装pubsub-js npm i pubsub-js 2、订阅消息 <script> import pubsub from 'pubsub-js' export default { // eslint-disable-next-line vue/multi-word-component-names name: 'School', …
作用:任意组件间通信 1、在main.js中安装全局事件总线 new Vue({ router, store, render: h => h(App), beforeCreate() { Vue.prototype.$bus = this // 安装全局事件总线 } }).$mount('#app') 2、在需要接收数据的组件中定义自定义事件…
mount函数 Vue完成模板的解析并把初始的真实DOM元素放入页面后,也就是挂载完毕,执行mount函数
插值语法 Mustache 功能:用于解析标签体内容语法:{{name}},双大括号内可以写js表达式,并且可以直接读取到data中所有的属性。 解析标签体 使用两个双大括号用来解析变量 <div id="app"> <h1>Hello,{{name}}</h1> <h2>{{title}}</…