标签 VUE 下的文章

官方解释

混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。

mixin的作用是多个组件可以共享数据和方法，在使用mixin的组件中引入后，mixin中的方法和属性也就并入到该组件中，可以直接使用，在已有的组件数据和方法进行了扩充。

- 阅读剩余部分 -

最近在看element-ui的源码，发现了一个这样的属性：inject。

provider/inject：简单的来说就是在父组件中通过provider来注入，然后在子组件中通过inject来引用。这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。

官方文档：https://cn.vuejs.org/v2/api/#provide-inject

- 阅读剩余部分 -

问题：

在页面源文件index.html的标签之间插入

<link rel="shortcut icon" href=" /favicon.ico" />

仍旧无法加载图标

解决方法：

HtmlWebpackPlugin插件中加入小图标，Vue脚手架时修改webpack.dev.conf.js配置文件：

new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  favicon: './favicon.ico', // 添加小图标
  inject: true
}),

不要忘记webpack.prod.conf.js中也需要添加

注：( favicon.ico放入根目录。)

最近在做政府的项目，需求要一个日历面板支持农历节日节气显示，搜了好多都不太满意，于是自己动手造了一个轮子。这款日历应该说功能比较强大，样子大概这样：

2019-11-05T01:49:25.png

现在暂时还处于测试阶段，代码已经开源，大家也可以测试测试看看现在日历面板还有哪些bug需要修复的，可以留言，我在休息时间会改一改。

- 阅读剩余部分 -

Vue CLI3出了有一段时间了，但是项目上面还是用的Vue CLI2，最近看到小伙伴在研究，于是抽了一个下午加晚上的时间，把vue.config.js这块配置好。项目中用的是Sass，希望是公共的样式提取到一个scss文件中，页面单独的样式就写在vue里面，这样后期维护比较方便。

- 阅读剩余部分 -

  1. 1
  2. 2
  3. 3
  4. 4