知识杂文（工作向）

最近在上班中发现了比较多平常忽略或者不知道的问题，本文旨在记录一些小的知识点

element-ui中v-model的修饰符

//1.v-model.trim
<el-input v-model.trim="declareData.addWord" 
//作用是用来强制用户开头和结尾输入不能输空格

//2.v-model.number
<el-input v-model.number="declareData.addWord" 
//作用是用来强制用户输入只能输入数字

//3.v-model.lazy
<el-input v-model.lazy="declareData.addWord" 
//当用户输入字符时不会立刻进行双向绑定，会等出发blur或者change时间后才会触发

element-ui用required进行表单验证

<el-form-item 
label="变更/撤销原因"
prop="actionDesc"
:required="declareData.isRequired">
//:required 后直接接表达式或者布尔值，可以快速进行验证

vue中watch和computed的区别

vue中动态组件的使用

<template>
	<component :is="组件名"></component>
</template>

动态组件的切换过程中会销毁之前的组件，可使用keep-alive阻止组件的销毁

//防止组件销毁
<keep-alive :include=['组件1','组件2']> 
	//只有再include比数组中的组件才会有keep-alive属性
	<template>
		<component :is="组件名"></component>
	</template>
</keep-alive