基础知识汇总

1. vue生命周期钩子函数

1. 生命周期包括8个阶段：创建前/后（beforeCreate/created）, 载入前/后（beforeMount/mounted）,更新前/后（beforeUpdate/updated）,销毁前/销毁后（beforeDestroy/destroyed）。
2. 第一次页面加载时会触发 beforeCreate/created, beforeMount/mounted 这几个钩子。
3. DOM渲染是在mounted阶段完成的。
4. Created：实例创建完成后调用。
5. Mouted：实例与视图通过el属性挂载起来后执行。
6. Updated：数据更新调用此函数。
7. Actived：keep-alive 组件激活时调用。
8. Destroyed：Vue 实例销毁后调用。<keep-alive>：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。保留组件状态或避免重新渲染。

2. vue.js动态绑定class

vue.js动态绑定class：https://www.cnblogs.com/big-snow/p/5718728.html

3. onclick可同时调用多个函数

//修改参数，调取函数
<input type="button" onclick="a();b();" value="ab"/>
@click="clientCurrentPage = 1,searchClient(0)"   

4. vue获取元素$refs

参考：https://www.cnblogs.com/xumqfaith/p/7743387.html

$refs和v-for一起使用的时候，获取到的引用会是一个数组，需要循环调取内部的元素。

<el-input ref="searchInput" v-model="search" placeholder="请输入搜索内容" ></el-input>
js: this.$refs.searchInput.focus(); //获取input元素
注：focus() //自动获取input焦点