vue核心知识点

vue.js的两个核心是什么

Vue.js是一个提供MVVM数据双向绑定的库，专注于UI层面，核心思想是：数据驱动、组件系统。

具体解析：

http://www.php.cn/js-tutorial-421002.html

 

请问 v-if 和 v-show 有什么区别

具体解析：

https://blog.csdn.net/ning0_o/article/details/56006528

 

v-on可以监听多个方法吗？vue常用的修饰符？

https://www.cnblogs.com/gitByLegend/p/10835516.html

 

vue中 key 值的作用

key的作用主要是为了高效的更新虚拟DOM

具体解析：https://blog.csdn.net/u014527697/article/details/80984548

 

vue-cli工程升级vue版本

手段package.json 里面修改vue的版本 同时修改 vue-template-compiler 为相同的版本.后者在devdepen....里面.然后npm install

具体解析：

https://segmentfault.com/q/1010000008262803/a-1020000011088463

 

vue事件中如何使用event对象？

从（三）$event开始看

<button v-on:click="click($event, 233)">click me</button>

注意：window.event，ie 和 chrome 都在 window 对象上有这样一个属性

具体解析：

https://www.cnblogs.com/gitByLegend/p/10836922.html

 

$nextTick的使用

vue响应式的改变一个值以后，此时的dom并不会立即更新，如果需要在数据改变以后立即通过dom做一些操作，可以使用$nextTick获得更新后的dom。

具体解析：

https://blog.csdn.net/qq_20777797/article/details/78233615

https://www.cnblogs.com/wangqiao170/p/9469685.html

 

Vue 组件中 data 为什么必须是函数

javascipt只有函数构成作用域(注意理解作用域,只有函数的{}构成作用域,对象的{}以及 if(){}都不构成作用域)，data是一个函数时，每个组件实例都有自己的作用域，每个实例相互独立,不会相互影响

注意区别下面原文地址中的这两个一个是对象 一个是函数

MyComponent.prototype.data = {
    a: 1,
    b: 2,
}

MyComponent.prototype.data = function() {
    return {
        a: 1,
        b: 2,
    }
};

具体解析：

https://www.jianshu.com/p/839cbef3be41

 

v-for 与 v-if 的优先级

当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级

具体解析：

https://www.cnblogs.com/gitByLegend/p/10837777.html

 

Vue子组件调用父组件的方法

父组件 ： 

定一个方法 child_to_parent_fn_fu （前提引入子组件）

子组件：

//this.$parent

this.$parent.child_to_parent_fn_fu();

第二种方法只需要改子组件：

this.$emit('fatherMethod');

第三种方法常规方法 

 

在组件上传参 注册是 ”：“ 号

 <child :fatherMethod="fatherMethod"></child>

 

vue中 keep-alive 组件的作用

见以前博客文章

 

vue中如何编写可复用的组件？

详见自己的demo 或以下链接

https://blog.csdn.net/qq_38563845/article/details/77524934

 

什么是vue生命周期和生命周期钩子函数？

vue生命周期钩子函数有哪些？

Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。通俗说就是 Vue 实例从创建到销毁的过程，就是生命周期。

https://www.cnblogs.com/xiaobaibubai/p/8383952.html

https://segmentfault.com/a/1190000014640577

 

vue如何监听键盘事件中的按键？

在Vue中，已经为常用的按键设置了别名，这样我们就无需再去匹配keyCode，直接使用别名就能监听按键的事件。

如果是在自己封装的组件或者是使用一些第三方的UI库时，会发现并不起效果，这时就需要用到.native修饰符了，如：

https://blog.csdn.net/xiaxiangyun/article/details/80404768

 

vue更新数组时触发视图更新的方法

$set()方法解决:

调用方法：Vue.set( target, key, value )
target：要更改的数据源(可以是对象或者数组)
key：要更改的具体数据 (通过key或数组索引)
value ：重新赋的值

this.$set(this.arr,2,'美女');

才下方法调用会改变原始数组：

push(), pop(), shift(), unshift(), splice(), sort(), reverse()

https://blog.csdn.net/gqzydh/article/details/81448978

 

vue中对象更改检测的注意事项