随笔分类 - Vue
vue中key有什么作用？（key的内部原理）
摘要：1、虚拟DOM的key的作用： key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】， 随后Vue进【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下： 2、对比规则： （1）旧虚拟DOM中找到了与新虚拟DOM相同的key： 若虚拟DOM中内容
计算属性computed与监视属性watch之间的区别
摘要：computed和watch之间的区别： 1、computed能完成的功能，watch都可以完成。 2、watch能完成的功能，computed不一定能完成，例如：watch可以进行异步操作。
监视属性watch与深度监视
摘要：监视属性watch总结： 1、当被监视的属性变化时，回调函数自动调用，进行相关操作。 2、监视的属性必须存在，才能进行监视 3、监视的两种写法 new Vue时传入watch配置 通过vm.$watch监视 深度监视总结 1、Vue中的watch默认不监测对象内部值的改变（一层）。 2、配置deep
键盘事件
摘要：1、Vue中常用的按键别名： 1.1、回车 => enter 1.2、删除 => delete（捕获“删除”和“退格”键） 1.3、退出 => esc 1.4、空格 => space 1.5、换行 => tab（特殊，必须配合keydown使用） 1.6、上 => up 1.7、下 => down
事件修饰符
摘要：Vue中的事件修饰符 1、prevent：阻止默认行为。 2、stop：阻止事件冒泡 3、once：事件只触发一次 4、capture：使用事件的捕获模式 5、self：只有event.target是当前操作的元素是才触发事件 6、passive：事件的默认行为立即执行，无需等待事件回调执行完毕 例
事件的基本使用
摘要：事件的基本使用 1、使用v-on：xxx 或 @xxx 绑定事件，其中xxx是事件名。 2、事件的回调需要配置在methods对象中，最终会挂到vue实例上 3、methdos中配置的函数，不要使用箭头函数！否则this就不是vue实例了 4、methods中配置的函数，都是被vue所管理的函数，t
计算属性computed
摘要：一个变量依赖多个变量进行处理时，推荐使用computed。 计算属性，会有缓存，依赖的变量变化在计算，否则直接返回缓存值 每一个计算属性都包含一个get和set函数，如果某一个属性是一个函数那么就是默认只读属性（get），如果是一个对象可以为该计算属性设置get和set方法 computed 里面的
VueCli打包空白解决方案
摘要：首先检查项目中有没有 vue.config.js 文件 如果没有我们需要建立一个进行配置 module.exports = { publicPath: './' }
Vue生命周期
摘要：Vue的生命周期函数 又叫钩子函数在new Vue() 产生一个新的实例会经过很多个阶段 vue实例在创建中执行不同的阶段 会调用不同的函数 也就是回调 如果你想知道vue实例在创建时候的某一阶段， 这时你需要在option传入一个函数，假设是一个创建实例前的钩子函数，在创建实例的过程中经过初始化阶
创建Vue实例传入的option
摘要：option是一个配置对象 const app = new Vue( { el: string | HTMLElement, 作用：决定之后Vue实例会管理哪一个DOM data: Object | Function, 作用：Vue实例对应的数据对象 组件当中的data必须是一个函数 methods
什么是MVVM？
摘要：MVVM是由 Model View ViewModel 组成的，即 Model View ViewModel（数据层、视图层、视图模型） ViewModel 是View和Model沟通的桥梁。 ViewModel 一方面它实现了Data Binding，也就是数据绑定，当我们更新Model时，Dat
Vue项目目录结构分析
摘要：├── VueProject | ├── node_modules // 当前项目所有依赖，一般不可以移植给其他电脑环境 | ├── public | | ├── favicon.ico // 标签图标 | | └── index.html // 当前项目唯一的页面 | ├── src | | ├─
