Vue 完成 动态搜索天气预报

主要:1.了解如何兄弟通信 以及全局总线的使用一个触发事件传参数一个在 挂载后 里面接收兄弟传来的参数 然后调函数 传入参数 完成数据通信 动态绑定

Vue 完成 动态搜索天气预报_第1张图片

 

组件的构建(app 父 search ,weather儿子 )

  1. 创建组件
  2. 注册组件
  3. 使用组件

父 APP






俩儿子









main 中开启全局总线

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

Vue.config.productionTip = false

new Vue({
  render: h => h(App),

  //开启全局总线
  beforeCreate(){
    Vue.prototype.$bus = this   //this就是vm
    }
  
}).$mount('#app')

你可能感兴趣的:(vue.js,javascript,css)