vue基本点排序

1、vue指令-v-model修饰符语法：v-model。modifier="vue数据变量"。使用parseFloat将数字转换为数字类型。trim删除前导和尾随空白字符。懒惰正在失去焦点2.计算属性计算属性被缓存以提高渲染性能。如果你需要在页面上使用处理现有数据来获取新数据，你应该使用计算属性。写法：computed:{"propertyname":{set(value){},get(){return"value"}}}3.vue监听器可以监听data（data/computed等）值的变化.数据值有类型：基本数据类型、引用数据类型深度监控watch:{"待监控的属性名":{immediate:true,//立即执行deep:true,//深度监控复杂类型变化handler(newVal,oldVal){}}}4.scoped实现了组件的私有样式h2{}//样式只会在当前组件生效5.父子组件子组件6.父子组件父组件7.组件进阶-props验证props:{//基本类型检查（`null`和`undefined`将通过任何类型验证）propA:Number,//多种可能的类型propB:[String,Number],//必需的字符串propC:{type:String,required:true},//numberwithdefaultvaluepropD:{type:Number,default:100},//objectwithdefaultvaluepropE:{type:Object,//objectorarray默认值必须从工厂函数中获取default:function(){return{message:'hello'}}},//自定义验证函数propF:{validator:function(value){//这个值必须匹配以下字符串之一return['success','warning','danger'].索引（值）！==-1}}}8。组件推进-动态组件//comName是一个变量，值为需要切换的几个组件的名称9.组件推进-keep-alive组件使用keep-alive内置vue组件，允许动态组件缓存而不是销毁Componentadvanced-keep-alivecomponent-specifiedcachesyntaxinclude="组件名1,组件名2...":include="['组件名1','组件名2']"10.ComponentsAdvanced-Namedslot格式定义：Use:;11.自定义命令-基本使用{data(){},methods:{},directives:{focus:{//自定义指令名称inserted(el){//fixed配置项-指令插入标签el.focus()时自动触发该函数}},},}12、自定义指令-传值更新目标：使用自定义指令，传入一个值要求：定义颜色instruction-传入一个颜色，设置label的文字颜色，在main.js的定义处修改看指令：{"color":{inserted(el,binding){//插入时触发这个函数el.style.color=binding.value;},update(el,binding){//当更新绑定变量时触发这个函数="手动更新el.style.color=binding.value;}}}在Direct.vue中更改使用v-color命令控制颜色，点击变蓝

总结：v-xxx，自定义指令，获取原生DOM，自定义操作13，axios请求asyncloadData(){constres=awaitaxios.get("http://.......")//console.log(data);},created(){this.loadData()}