Vue：可以用判断选择是否添加class

:class="v.flag ? 'selected' : '' "
v.flag为真，selected，否则不添加

Vue：删除数组中某个项

del(i) {
this.arr.splice(i, i)
}
i是v-for循环的数值，通过这个数值，可以通过i判断知道要删除的是那个项

Vue：将12312981231转换为时间格式

方法1

filters: {
date(input) {
let oDate = new Date(input)
return oDate.getFullyYear() ...
}
}

方法2
{{date(123123213)}}
methods: {
date(input) {
let oDate = new Date(input)
return oDate.getFullyYear() ...
}
}

使用解构赋值

if( !this.lists.name || !this.lists.id || !this.lists.todo )
可以写成如下
var ( name, id, todo ) = this.lists

表格弹框显示隐藏

在提交后，可以通过如下代码，把表格重置
this.createData = { name: '', sex: '男', city: '' }
this.editModal = false // 显示隐藏弹窗代码

可以通过Math.max()判断最大值后+1，用于添加id

var _id = Math.max(...this.lists.map( v => v.id ) ) + 1

模糊匹配

searchFor() {
return this.lists.filter(item => item.name.includes(this.searchName))
}

main.js

render: function(createElement) {
return createElement(App)
}
=>
render: function(h) {
return h(App)
}
=> 再改写成箭头函数
render: h => h(App)

// createElement 用来创建对应的vue节点，把创建的元素渲染到对应节点
// h是createElement的别名
// .$mount("#app")挂在到#app节点