Vue中的is用法总结
Vue
官方文档,是一个值得反复去浏览研究的,今天在翻文档的时候,发现了动态组件,里面有一个属性是is
。看了一下文档,上面说了is
的两个作用!
Vue
官方文档,是一个值得反复去浏览研究的,今天在翻文档的时候,发现了动态组件,里面有一个属性是is
。看了一下文档,上面说了is
的两个作用!
由于 JavaScript
的限制,Vue
不能检测以下变动的数组:
vm.items[indexOfItem] = newValue
vm.items.length = newLength
很多时候,可能需要子组件去调用父组件的方法,之前写过《Vue依赖注入(provide/inject)》,里面有调用父组件方法,这次总结三种方法,相当于有四种方法!
混入 (mixin
) 提供了一种非常灵活的方式,来分发 Vue
组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。
mixin
的作用是多个组件可以共享数据和方法,在使用mixin
的组件中引入后,mixin
中的方法和属性也就并入到该组件中,可以直接使用,在已有的组件数据和方法进行了扩充。
数组去重,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码。如果是被提问到,数组去重的方法有哪些?你能答出其中的10种,面试官很有可能对你刮目相看。
在真实的项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然日常项目用到的概率比较低,但还是需要了解一下,以防面试的时候可能回被问到。
The Zen of Python, by Tim Peters
Beautiful is better than ugly.
Explicit is better than implicit.
Simple is better than complex.
Complex is better than complicated.
Flat is better than nested.
Sparse is better than dense.
Readability counts.
Special cases aren't special enough to break the rules.
Although practicality beats purity.
Errors should never pass silently.
Unless explicitly silenced.
In the face of ambiguity, refuse the temptation to guess.
There should be one-- and preferably only one --obvious way to do it.
Although that way may not be obvious at first unless you're Dutch.
Now is better than never.
Although never is often better than right now.
If the implementation is hard to explain, it's a bad idea.
If the implementation is easy to explain, it may be a good idea.
Namespaces are one honking great idea -- let's do more of those!
数组是 JS 中广泛使用的数据结构。数组对象提供了大量有用的方法,如array. forEach()
、array.map()
等来操作数组。
在实战中,我经常对数组可能的操作和相应采用哪个更好的方法不知所措,所以本文就列出 15
种常用数据方法,让咱们重温加强记忆一下。
最近在看element-ui
的源码,发现了一个这样的属性:inject
。
provider/inject
:简单的来说就是在父组件中通过provider
来注入,然后在子组件中通过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
放入根目录。)
有些时候,用户可能会重复请求数据,造成不必要的浪费,所以很有必要拦截重复的请求。