标签 VUE 下的文章
Vue子组件调用父组件父页面的方法
很多时候,可能需要子组件去调用父组件的方法,之前写过《Vue依赖注入(provide/inject)》,里面有调用父组件方法,这次总结三种方法,相当于有四种方法!
Vue mixin的使用
官方解释
混入 (mixin
) 提供了一种非常灵活的方式,来分发 Vue
组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
mixin
的作用是多个组件可以共享数据和方法,在使用mixin
的组件中引入后,mixin
中的方法和属性也就并入到该组件中,可以直接使用,在已有的组件数据和方法进行了扩充。
Vue依赖注入(provide/inject)
最近在看element-ui
的源码,发现了一个这样的属性:inject
。
provider/inject
:简单的来说就是在父组件中通过provider
来注入,然后在子组件中通过inject
来引用。这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。
Webpack处理网页小图标favicon
问题:
在页面源文件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
放入根目录。)
基于Vue的农历日历面板
最近在做政府的项目,需求要一个日历面板支持农历节日节气显示,搜了好多都不太满意,于是自己动手造了一个轮子。这款日历应该说功能比较强大,样子大概这样:
现在暂时还处于测试阶段,代码已经开源,大家也可以测试测试看看现在日历面板还有哪些bug需要修复的,可以留言,我在休息时间会改一改。
axios参数来拦截重复请求
有些时候,用户可能会重复请求数据,造成不必要的浪费,所以很有必要拦截重复的请求。
Vue CLI3配置
Vue CLI3出了有一段时间了,但是项目上面还是用的Vue CLI2,最近看到小伙伴在研究,于是抽了一个下午加晚上的时间,把vue.config.js
这块配置好。项目中用的是Sass,希望是公共的样式提取到一个scss文件中,页面单独的样式就写在vue里面,这样后期维护比较方便。
Webpack打包后禁止Sources查看VUE源码
Vue Router传参的基本方式
Vue Router传参基本上是必备知识点,总结一下。