我的Vu啊（vue 2.0，数据监听，计算属性，组件传参）

提示：个人Vue学习工作总结  （持续更新中如果有不对的地方还请前辈多多指点）

文章目录

• vue 计算属性 computed
• vue  数据监听 wacth

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、什么是计算属性 (computed)

一般用监视后端没有，但是需要的数据前端展示，比如姓名 

     

                              

  let vaue = new vue({

                            el:'#vue',

                           data:{

                               

                                        name:'张三'

                                          computed:{

                                           name () => return    xiang + mig

                                          }

                            }

                })

计算属性的特点可以缓存数据节省资源，但是不可以处理异步加载

计算属性有get 和 set 来进行数据的控制

二、什么是监视属性 (wacth) 监视数据的变化

      

父传子 proper 

子传父亲 emit 但是有很多不同的监视方法例如 ref 和 自定义方法

跨组件 vuebus

父亲组件

 子组件

vue bus 核心核心创建 例外可以在appvue里运用原型链进行创建垮组件传参

import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: (h) => h(App),
  beforeCreate() {
    Vue.prototype.$bus = this;
  },
}).$mount('#app');