随笔分类 -  Vue

vue生命周期
摘要：1. What ？ Vue生命周期简单来说就是vue实例对象从创建之初到销毁的过程。vue所有功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。 其中具体分为8个阶段，分别是： beforeCreate（创建前） created（ 阅读全文
posted @ 2020-08-28 12:46 Daeeman 阅读(654) 评论(0) 推荐(0)
npm install xxx -S/-D/-g/区别
摘要：1. 简写和完整写法解释 npm install 本身就有一个别名 npm i npm i module_name -S 即 npm install module_name --save 写入dependencies，发布到生产环境（上线环境） npm i module_name -D 即 npm 阅读全文
posted @ 2020-08-27 11:43 Daeeman 阅读(784) 评论(0) 推荐(0)
ref的作用
摘要：ref的作用 1.获取dom元素this.$refs.box 2.获取子组件中的datathis.$refs.box.msg 3.调用子组件中的方法this.$refs.box.open() 阅读全文
posted @ 2020-08-10 14:17 Daeeman 阅读(408) 评论(0) 推荐(0)
你对 SPA 单页面的理解
摘要：说说你对 SPA 单页面的理解，它的优缺点分别是什么？ SPA（ single-page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 阅读全文
posted @ 2020-08-10 14:12 Daeeman 阅读(535) 评论(0) 推荐(0)
computed 和 watch以及methods
摘要：computed 和 watch 的区别和运用的场景？ computed： （监测的是 依赖值 ）是计算属性，依赖其它属性值，并且 computed 的值有缓存，只有它依赖的属性值发生改变，下一次获取 computed 的值时才会重新计算 computed 的值； watch： （监测的是 属性值 阅读全文
posted @ 2020-08-10 14:10 Daeeman 阅读(180) 评论(0) 推荐(0)
v-model 的原理
摘要：#v-model 的原理 我们在 vue 项目中主要使用 v-model 指令在表单 input、textarea、select 等元素上创建双向数据绑定，我们知道 v-model 本质上不过是语法糖，v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件： • text 和 text 阅读全文
posted @ 2020-08-10 14:08 Daeeman 阅读(457) 评论(0) 推荐(0)
Vue 组件 data 为什么必须是函数
摘要：Vue组件 data 为什么必须是函数 因为组件是可以复用的,JS 里对象是引用关系,如果组件 data 是一个对象,那么子组件中的 data 属性值会互相污染,产生副作用。 所以一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝。new Vue 的实例是不会被 阅读全文
posted @ 2020-08-10 13:35 Daeeman 阅读(338) 评论(0) 推荐(0)
你对keep-alive 理解
摘要：谈谈你对 keep-alive 的了解？ keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，避免重新渲染 ，其有以下特性： 一般结合路由和动态组件一起使用，用于缓存组件； 提供 include 和 exclude 属性，两者都支持字符串或正则表达式， include 表示 阅读全文
posted @ 2020-08-10 13:33 Daeeman 阅读(290) 评论(0) 推荐(0)
Vue的双向数据绑定原理是什么？
摘要：重中之重、Vue的双向数据绑定原理是什么？ 答：vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 具体步骤： 第一步：需要observe的数据对象 阅读全文
posted @ 2020-08-10 12:24 Daeeman 阅读(346) 评论(0) 推荐(0)
MVC和MVVC
摘要：MVC和MVVC? MVC是后端中的概念 M (Model) 是指数据库中的数据 V (View) C (Controller) MVVC中是前端概念 M (Model) 是data里数据（通过ajax等获取的数据） V (View) 是html结构 VM (ViewModel)是new vue 中 阅读全文
posted @ 2020-08-10 11:08 Daeeman 阅读(5200) 评论(0) 推荐(1)
Vue 中 key 的作用
摘要：23. Vue 中 key 的作用 Vue 中 key 的作用是： key 是为 Vue 中 vnode 的唯一标记，通过这个 key，我们的 diff 操作可以更准确、更快速 更准确：因为带 key 就不是就地复用了，在 sameNode 函数 a.key b.key 对比中可以避免就地复用的情况 阅读全文
posted @ 2020-08-06 11:25 Daeeman 阅读(225) 评论(0) 推荐(0)
Vue组件传参
摘要：父传子（props 、 refs） props 通常，父组件的模板中包含子组件，父组件要正向地向子组件传递数据或参数，子组件收到后根据参数的不同来渲染不同的内容，或者执行操作。 这个正向传递数据的过程是通过props来实现的。 在组件中，子组件使用props来声明需要从父组件接受的数据。 但是父组件 阅读全文
posted @ 2020-08-06 11:20 Daeeman 阅读(230) 评论(0) 推荐(0)