2018-10-17工作日报

上午

1.学习慕课网里的“设计模式”课程，

2.和开发沟通了新页面的传值问题和旧页面的修改问题，具体修改得产品确定之后才能进行改动

3.学习vue中子组件向父组件传值的问题中遇到了坑，全局注册的时候，
正确的代码如下

Vue.component('bl-button', {
  template: `<button @click="$emit('click-focus')">click</button>`
})

要注意其中的双引号嵌套单引号的写法，任何一个写错都会报错。

4.vue中局部注册异步加载组件的用法，

当使用局部注册的时候，你也可以直接提供一个返回 Promise 的函数：
new Vue({
  // ...
  components: {
    'my-component': () => import('./my-async-component')
  }
})

下午

5.vue中的边界情况
常常有子组件直接通过dom和父组件进行传递数据的情况，和 $root 类似，$parent 属性可以用来从一个子组件访问父组件的实例。它提供了一种机会，可以在后期随时触达父级组件，以替代将数据以 prop 的方式传入子组件的方式。

在绝大多数情况下，触达父级组件会使得你的应用更难调试和理解，尤其是当你变更了父级组件的数据的时候。当我们稍后回看那个组件的时候，很难找出那个变更是从哪里发起的。 因此在绝大多数情况下，我们强烈推荐使用 Vuex 来管理应用的状态。

6.询问同事后知道了使用mock模拟数据和我自己在具体js里模拟数据的异同，作为Mock是封装过的一个插件，在组件化的项目里，当不需要模拟的时候，只需要注释掉引用Mock的代码即可。相同点则是都需要根据后端给出的接口文档进行模拟json的填写。