———————————-(VUE捌_1)————————————-

watch属性与 computed计算属性

一、 复习与未来技术栈

未来一周技术栈自学(koa2+sequelize)

h2+vue vue编程的一些个性化操作 .vue

不是所有的公司都是用.vue文件去开发vue项目

就是vue mvvm
e.keycode==13

1.事件修饰符

==> event.preventStop
-->@click.stop="阻止冒泡"
a标签==>click hre

2.路由

computed

watch

3.vue-cli

vue
vue-router
vuex

4.axios

1. element-ui

2. mui(移动端开发的组件+流应用环境)

报表 v-chars

数字 v-count

常见的vue的项目模板介绍

二、watch属性

1.说明

watch属性，可以监听data中指定数据的变化，然后可以触发这个watch对象中对应的处理函数。
监听的数据名作为watch对象的属性名，指向对应的处理函数

处理函数参数：

• 参数一，newVal，新数据。
• 参数二，oldVal，旧数据

2.监听变量

   watch:{
                firstName(newVal,oldVal){
                    console.log('监视到了firstName的变化');
                    this.fullName = newVal+"-"+this.lastName;
                },}

3.监听路由

想要监听路由的改变，即<router-view></router-view>的改变，但它身上没有什么事件，则只能使用watch监听路由地址的改变

   watch:{ //监听路由
        '$route.query'(nv,ov){
            alert(JSON.stringify(nv))
        }}

三、计算属性

定义的时候是方法,使用的时候是变量

   //计算属性 定义的时候s是方法,使用的时候用属性
    computed: {
        result(){
            return 'this.first+this.second'
        }
    },
-------------------------------------------
 <h1 v-text='result'></h1>        //调用

四、比较computed和methods以及wetch里头的方法

五、比较computed和watch的使用

六、props data computed methods 里头的变量或者方法必须互斥