在任意组件获取全局的数据

1、运用 globalData 定义全局数据变量

2、在<script>中引入 const app = getApp()

3、通过使用 app.globalData.userName 去获取全局对象的成员数据

App.vue

subPage.vue

运行结果

侦听器、事件修饰符及事件映射表

侦听器

个人理解：

     通过一个 data 数据的新旧值的改变产生的状态的变化，来对其进行操作处理，一般比较耗内存，开销比较大，因此官方文档也给出建议：当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。

subPage.vue

运行结果

打印台

监听对象的某一属性（非深层次）

监听对象的某一属性时，可考虑使用 'object.address'(newV,oldV) 的形式去监听值的变化。

subPage.vue

运行结果

监听深层次嵌套的数据内容

使用object:{

                  deep:true,

                  handler(newV,oldV){

                   }

  }

形式去监听深层次的数据。

subPage.vue

运行结果

事件修饰符

考虑到可能会多次想要在一个组件的根元素上直接监听一个原生事件，可以使用v-on的.native修饰符

native.vue

运行结果

.stop后缀为阻止事件冒泡

bubble.vue

运行结果

.sync修饰符

当一个子组件改变了一个prop的值时，这个变化也会同步到父组件中所绑定。 .sync它会被扩展一个自动更新父组件属性的v-on监听器

事件处理器（事件映射表）

{

    click : 'tap',

    touchstart : 'touchstart',

    touchmove : 'touchmove',

    touchcancel :  'touchcancel',

    touched : 'touched',

    tap : 'tap',

    input :  'input',

    change : 'change',

    submit : 'submit',

    blur : 'blur',

   focus : 'focus',

   reset : 'reset',

   confirm : 'confirm',

   .............

}