## 1、Vue生命周期中的 mounted
mounted() { } //真实dom渲染完了,可以操作dom了,相当于页面加载完之后运行,
mounted是vue实例挂载的事件钩子函数,所以它只会执行一次
2、 =>箭头函数的意义(ES6 语法)
render: h => h(App) 是下面内容的缩写:
render: function (createElement) {
return createElement(App);
}
进一步缩写为(ES6 语法):
render (createElement) {
return createElement(App);
}
再进一步缩写为:
render (h){
return h(App);
}
按照 ES6 箭头函数的写法,就得到了:
render: h => h(App);
理解要点是 当只有一个参数的时候()可以省略;当函数体只有一句话{}可以省略,所以 render: (h) => {h(App)};就变成 render: h => h(App);
箭头函数的意思,和普通函数差别不大
函数一: function XXX(){return }
函数二:()=>{}
箭头函数特点:写得少,匿名函数,this的指向和外侧保持一致
3、jquery—$.extend()用法总结
1.用法描述
$.extend(setting,option)用于合并对象setting和对象option并将合并后的值返回给setting
常规用法(1)
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
jQuery.extend(settings, options);
运行结果settings == { validate: true, limit: 5, name: “bar” }
常规用法(2)
不改变setting类型
好处:值被合并到这个空对象上,保护了默认值。
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
//设置一个空类
var x=jQuery.extend({},settings, options);
结果 settings = { validate: false, limit: 5, name: “foo” };
x== { validate: true, limit: 5, name: “bar” }
好处:值被合并到这个空对象上,保护了默认值。
4、vue在属性绑定的时候,只有数组绑定才能用三元表达式来进行
正确:
<Form-Item label="组内课程" prop="kcid" v-bind:class="[editform.kcOrkcz ? 'class2' : 'class1']" >
错误
<Form-Item label="组内课程" prop="kcid" v-bind:class="{editform.kcOrkcz ? 'class2' : 'class1'}" >
5、常用监听事件
下拉框修改监听事件
<i-Select style="width:150px" @on-change="xxOrxxChange(editform.kzlx,editform.sjkzdm)" v-model="editform.kzlx">
输入框修改监听事件
@on-keyup="shuziyanzheng(editform.yqmzms,'yqmzms')"
shuziyanzheng(value,namesssss){
this.editform.yqmzms =value.replace(/[^\d]/g,'');
},