Vue.js

1.安装方式  Vue.js 安装 | 菜鸟教程   第3种 NPM方法，一直执行到最后，就可以看到欢迎页了。其中，安装过程中有询问

Use ESLint to lint your code?

ESLint是可组装的JavaScript和JSX检查工具，定义一些规则，对代码格式进行校验，更适用于团队协作中。如果是个人学习，可以选择No,不进行安装。

如果已经选择了Yes,不想再用ESLint,可以把build目录下webpack.base.conf.js中createLintingRule中的内容去掉就可以了，如下图所示

2.在方法中有对dom判断的，需要等到页面渲染完，可以将操作放入

this.$nextTick(function () {
    //...你的代码
})

3.vue中直接obj.key=val这样增加属性，绑定的input并没法输入，需要使用this.$set()。第一句是复制一个对象的副本，复制后就互不影响了

edittea(index,rows){
	this.teatablerow=JSON.parse(JSON.stringify(rows[index]));
	this.$set(this.teatablerow, 'pass', '');
	this.$set(this.teatablerow, 'passtwo', '');
   	this.dialogFormVisible2=true;
}

4.vuex状态管理 Vue 爬坑之路（四）—— 与 Vuex 的第一次接触 - Wise.Wrong - 博客园

但是刷新页面后数据会丢失，解决方式：vue单页面应用刷新网页后vuex的state数据丢失的解决方案_赵天铭的博客-CSDN博客

5.vue3引入jquery，安装jquery后，在vue.config.js中加入

new webpack.ProvidePlugin({

     $:"jquery",

     jQuery:"jquery",

     "windows.jQuery":"jquery"

})

6.vue框架的方法增加额外参数

@change="handleChange(...arguments, i)"

7.jquery触发vue事件，在vue中添加一个拥有@click事件的a标签，

$('#getRealtionQuestion').get(0).dispatchEvent(new Event('click'));

8.this.$router.push() 方法中 path不能和params一起使用,params传不过值去

9.查看vue官方最新版本

10.table中右侧按钮按条件灰底并禁用

<a href="javascript:;"
  v-bind:class="{disable2: !record.isedit}"
  @click="editRow(record.uuid, record.type, record.ObjectId, '2')"
  >编辑</a




//css
.disable2 {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.2);
}

11.探讨父组件和兄弟组件的生命周期 - 掘金

12.禁止视频右键（下载）