Vue 常用属性方法等

## 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,'');
},