Nen 的回答 - 好学星城学习论坛

0 赞同

子组件可以直接改变父组件的数据吗？

加载渲染过程： 1.父组件 beforeCreate 2.父组件 created 3.父组件 beforeMount 4.子组件 beforeCreate 5.子组件 created 6.子组件 beforeMount 7.子组件 mounted 8.父组件 mounted 更新过程： 1.父组件 beforeUpdate 2.子组件 beforeUpdate 3.子组件 updated 4.父组件 updated 销毁过程： 1.父组件 beforeD...

回答于 2021-12-28 14:11

0 赞同

Vue data 中某一个属性的值发生改变后，视图会立即同步执行重新...

不会立即同步执行重新渲染。 Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。 Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化， Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。如果同一个watcher被多次触发，只会被推入到队列中一次。这种在缓冲时去除...

回答于 2021-12-28 14:07

0 赞同

Vue 单页应用与多页应用的区别？

概念： SPA单页面应用（SinglePage Web Application），指只有一个主页面的应用，一开始只需要加载一次js、css等相关资源。所有内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅仅刷新局部资源。 MPA多页面应用（MultiPage Application），指有多个独立页面的应用，每个页面必须重复加...

回答于 2021-12-28 14:07

0 赞同

Vue 中给 data 中的对象属性添加一个新的属性时会发生什么如何...

<template> <div> <ul> <li v-for="value in obj" :key="value"> {{value}} </li> </ul> <button @click="addObjB">添加 obj.b</button> </div> </template> <script> export default { data (...

回答于 2021-12-28 14:05

0 赞同

$nextTick 原理及作用?

nextTick 的核心是利用了如 Promise 、MutationObserver、setImmediate、setTimeout的原生 JavaScript 方法来模拟对应的微/宏任务的实现，本质是为了利用 JavaScript的这些异步回调任务队列来实现 Vue 框架中自己的异步回调队列。 nextTick 不仅是 Vue 内部的异步队列的调用方法，同时也允许开发者在实际项目中使用这个...

回答于 2021-12-28 14:04

0 赞同

slot是什么有什么作用原理是什么？

slot又名插槽，是Vue的内容分发机制，组件内部的模板引擎使用slot元素作为承载分发内容的出口。插槽slot是子组件的一个模板标签元素，而这一个标签元素是否显示，以及怎么显示是由父组件决定的。slot又分三类，默认插槽，具名插槽和作用域插槽。默认插槽：又名匿名查抄，当slot没有指定name属性值的时候一个默认显示插...

回答于 2021-12-28 14:02

0 赞同

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

new Vue()实例中,data 可以直接是一个对象,为什么在 vue 组件中,data 必须是一个函数呢? 因为组件是可以复用的,JS 里对象是引用关系,如果组件 data 是一个对象,那么子组件中的 data 属性值会互相污染,产生副作用。所以一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝。new Vue 的实...

回答于 2021-12-27 16:45

0 赞同

说说 Vue 的渲染过程？

调用 compile 函数,生成 render 函数字符串 ,编译过程如下:parse 函数解析 template,生成 ast(抽象语法树)optimize 函数优化静态节点 (标记不需要每次都更新的内容,diff 算法会直接跳过静态节点,从而减少比较的过程,优化了 patch 的性能)generate 函数生成 render 函数字符串调用 new Watcher 函数,监听数据的变化,当数据...

回答于 2021-12-27 16:42

0 赞同

简述每个周期具体适合哪些场景?

beforeCreate：在new一个vue实例后，只有一些默认的生命周期钩子和默认事件，其他的东西都还没创建。在beforeCreate生命周期执行的时候，data和methods中的数据都还没有初始化。不能在这个阶段使用data中的数据和methods中的方法 create： data 和 methods都已经被初始化好了，如果要调用 methods 中的方法，或者操作 d...

回答于 2021-12-27 16:39

0 赞同

什么是vue-router?

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接 HTML5 历史模式或 hash 模式...

回答于 2021-12-27 16:38

3096 个回答