平常开发中总会有一些代码需要重复用到,既然如此,就可以把这部分逻辑提取出来做成全局通用的公共方法,这样既可以减少代码冗余度,也可以让后期维护起来更加容易。
这里我用到了vue中的mixin,写了一个简单的mixin。
需要注意的是:提取的是逻辑或配置,而不是HTML代码和CSS代码。其实大家也可以换一种想法,mixin就是组件中的组件,Vue组件化让我们的代码复用性更高,那么组件与组件之间还有重复部分,我们使用Mixin在抽离一遍。
平常开发中总会有一些代码需要重复用到,既然如此,就可以把这部分逻辑提取出来做成全局通用的公共方法,这样既可以减少代码冗余度,也可以让后期维护起来更加容易。
这里我用到了vue中的mixin,写了一个简单的mixin。
需要注意的是:提取的是逻辑或配置,而不是HTML代码和CSS代码。其实大家也可以换一种想法,mixin就是组件中的组件,Vue组件化让我们的代码复用性更高,那么组件与组件之间还有重复部分,我们使用Mixin在抽离一遍。
待办事项。效果参考网址 vue-todolist
示例效果中用的是 localStorage 本地存储,所以直接定义了空数组,利用数组的方式。
在进行页面的 CSS 排版时,遇到 IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素 img 下出现多余空隙的问题绝对是常见的。对于该问题的解决方法也是「见机行事」,根据原因的不同要用不同的解决方法,这里把解决 img 下边多余空隙 Bug 的常用方法归纳,供大家参考。