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);
}
12.禁止视频右键(下载)