vue相关

1.input组件 v-model绑定
https://blog.csdn.net/weixin_43387238/article/details/85145035?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-1
2，双向绑定的原理
https://www.cnblogs.com/canfoo/p/6891868.html
3.$on的使用方法
https://www.jianshu.com/p/b08edbfc7061
4.v-for和v-if的优先级，可以一起使用吗?
当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级。
永远不要把 v-if 和 v-for 同时用在同一个元素上。
一般我们在两种常见的情况下会倾向于这样做：
为了过滤一个列表中的项目 (比如 v-for=“user in users” v-if=“user.isActive”)。在这种情形下，请将 users 替换为一个计算属性 (比如 activeUsers)，让其返回过滤后的列表。
为了避免渲染本应该被隐藏的列表 (比如 v-for=“user in users” v-if=“shouldShowUsers”)。这种情形下，请将 v-if 移动至容器元素上 (比如 ul、ol)。
5.v-on都可以绑定多个方法吗？
v-on绑定多个方法：
v-on="{click:dbClick,mousemove:MouseClick}"
一个事件绑定多个函数：
@click="one(),two()
6.控制一个标签的显示和隐藏主要有呢些？请列举几个vue特有的？
使用 v-show 和 v-if 都可以实现元素显示和隐藏
v-if 会直接删除元素
v-show 只是隐藏，只是简单地切换元素的 CSS 属性display。
7.路由守卫周期那几个可以使用this
const Foo = {
template: ...,
beforeRouteEnter (to, from, next) {
// 在渲染该组件的对应路由被 confirm 前调用
// 不！能！获取组件实例 this
// 因为当守卫执行前，组件实例还没被创建
},
beforeRouteUpdate (to, from, next) {
// 在当前路由改变，但是该组件被复用时调用
// 举例来说，对于一个带有动态参数的路径 /foo/:id，在 /foo/1 和 /foo/2 之间跳转的时候，
// 由于会渲染同样的 Foo 组件，因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
// 可以访问组件实例 this
},
beforeRouteLeave (to, from, next) {
// 导航离开该组件的对应路由时调用
// 可以访问组件实例 this
}
}

8.vue支持的修饰符（常用整理）
.stop
.prevent
.capture
.self
.once
.passive

.trim
如果要自动过滤用户输入的首尾空白字符，可以给 v-model 添加 trim 修饰符：

10 computed的属性

计算属性默认只有 getter，不过在需要时你也可以提供一个 setter：
// …
computed: {
fullName: {
// getter
get: function () {
return this.firstName + ’ ’ + this.lastName
},
// setter
set: function (newValue) {
var names = newValue.split(’ ')
this.firstName = names[0]
this.lastName = names[names.length - 1]
}
}
}
// …现在再运行 vm.fullName = ‘John Doe’ 时，setter 会被调用，vm.firstName 和 vm.lastName 也会相应地被更新。

10.基于vue-cli搭建多模块且各模块独立打包的项目
https://segmentfault.com/a/1190000014571631
11.vue中循环对象属性和属性值
v-for除了可以循环数组，还可以循环对象。

{{i}}--{{item}}

11.element-ui table数据更新保持高亮选中 [https://blog.csdn.net/liny000/article/details/89029516](https://blog.csdn.net/liny000/article/details/89029516) 12.解决element-ui table show-summary合计行不显示问题 在table的底部添加合计设置show-summary就可以了

但是给table加了一个固定高度话，就不显示了，其实这个合计是存在的

解决办法：
1.不设置固定高度
2.在vue的生命周期updated调用一下doLayout就可以了
updated () {
　　this.KaTeX parse error: Expected '}', got 'EOF' at end of input: … => { 　　　　this.refs.table.doLayout()
　　})