计算属性

对于任何复杂逻辑，你都应当使用计算属性

1. 计算属性相对于方法调用的区别

   • 计算属性是基于它们的响应式依赖进行缓存的
   • 方法调用实在每次渲染时会重新执行的
   • 在性能方面，计算属性的缓存，能较少性能的消耗
   • 方法调用可能会引起数据没有实时更新的问题
   • 计算属性可用于 data，store，props 变化的监听

2. 计算属性相对于侦听者（watch）

   • 计算属性需要同步返回值，如果需要异步改变值，就要用 watch（侦听者）
   • 侦听者可以用于 data，props 变化的监听

1.vue 渲染模板时, 怎么保留模板中的 HTML 注释呢?

<template comments>
    ...
</template>

选项 : comments
默认值 : false
详细: 当设置为 true 时, 将会保留并渲染模板中的 HTML，默认行为是舍弃他们。
限制: 这个选项 (comments) 只在完整构建版本中的浏览器内编译时可用,

2.Vue.observable 你有了解过吗？说说看。

随着组件的细化, 就会遇到多组件状态共享的想情况，Vuex 当然可以解决这类问题不过就像 Vuex 官方文档所说, 如果应用不够大, 为了避免代码繁琐冗余, 最好不要使用它。vue.js 2.6 新增 Observable API, 通过使用这个 APi 我们可以解决一些简单的跨组件数据状态共享的情况。

api：Vue.observable(object)
参数：{Object} object
用法：让一个对象可响应。Vue 内部会使用它来处理 data 函数返回的的对象。返回的对象可以直接用于渲染函数和计算属性内，并且会在发生改变时触发相应的更新。也可以作为最小化的跨组件状态处理器。

const state = Vue.observable({count: 0})

const Demo = {render(h) {
    return h('button', {on: { click: () => {state.count++}}
    }, `count is: ${state.count}`)
  }
}