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的填写。

猜你喜欢

转载自blog.csdn.net/qq_36620428/article/details/83114777
今日推荐