admin 管理员组文章数量: 1086019
2024年3月8日发(作者：jsondecode是什么意思)
精品文档
2019 VUE前端面试题1、active-class是哪个组件的属性?嵌套路由怎么定义?
答：vue-router模块的router-link组件。
2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?
答：在router目录下的文件中，对path属性加上/:id。 使用router对象的
3、vue-router有哪几种导航钩子?
答：三种，一种是全局导航钩子：Each(to,from,next)，作用：跳转前进行判断拦截。第二种：组件内的钩子;第三种：单独路由独享组件
4、scss是什么?安装使用的步骤是?有哪几大特性?
答：预处理css，把css当前函数编写，定义变量,嵌套。 先装css-loader、node-loader、sass-loader等加载器模块，在配置文件中加多一个拓展:extenstion，再加多一个模块：module里面test、loader
4.1、scss是什么?在中的安装使用步骤是?有哪几大特性?
答：css的预编译。
使用步骤：
.
精品文档
node-sass)
css-loader、下三个loader(sass-loader、第一步：用npm
属性中加一个，在那个extendsbuild目录找到第二步：在.scss
拓展 属性第三步：还是在同一个文件，配置一个module ”lang=”scss标签加上lang属性 ，
例如：style第四步：然后在组件的:
有哪几大特性);
值变量名称=1、可以用变量，例如($()
、可以用混合器，例如2 、可以嵌套3 说出至少三个组件使用方法?是什么?怎么使用?5、(mintUi)，import样式和js安装，然后答：基于vue的前端组件库。npm‘登Toast(mint-ui'。组件一：‘全局引入。在单个组件局部引入：import {Toast} from
mint-swiper
mint-header;组件二：组件三：录成功'); ?怎么使用?? vue中标签怎么绑定事件、6v-model是什么modelvue。的v-on)v-showv-ifv-for(v-class答：可以实现双向绑定，指令、、、、
@click=doLog() />
data层的属性。绑定事件：.
精品文档
描述使用它实现登录功能的流程?是什么?怎么使用?7、axios装好，然后发送的是跨域，需在配置答：请求后台资源的模块。npm install axios -Simportjs中使用后台如果是Tp5则定义一个资源路由。文件中config/进行设置。 函数中.then函数中如果成功，失败则是在.catch进来，然后.get或.post。返回在是进行的什么操)api/user'(8、axios+tp5进阶中，调用‘ ?)呢作?(‘api/user/8′ 答：跨域，添加用户操作，更新操作。 怎么使用?9、什么是RESTful API?则先路的标准，无状态请求。请求的路由地址是固定的，如果是tp5答：是一个 .put .delete
由配置中把资源路由配置好。标准有： ?怎么使用?哪种功能场景使用它vuex10、是什么?.. ，…，注入。新建了一个目录storevue框架中状态管理。在引入store答： export 。场景有：单页应用中，组件之间的状态。音乐播放、登录状态、加入购物车 ??哪些场景适合的区别
是什么框架是什么11、mvvm?它和其它框架(jquery) 连接两个model框架，数据模型，viewModelmodel+view+viewModel答：一个 数据驱动，通过数据来显示视图层而不是节点操作。vue区别： 场景：数据操作比较多的场景，更加便捷.
精品文档
还有哪些钩子它有哪些钩子函数?v-focus)的方法有哪些?12、自定义指令(v-check、 ?函数参数方法里面有两个参数，一个是指令名称，directive答：全局定义指令：在vue对象的directives
另外一个是函数。组件内定义指令：组件内相update()、inserted(bind(绑定事件触发)、节点插入的时候触发钩子函数：)
关更新binding
、钩子函数参数：el 当中的指令和它的用法?vue13、说出至少4种：：绑定一个属性;v-model：数据循环出来;v-bind:class;v-for答：v-if：判断是否隐藏 实现双向绑定 ?是什么?它有哪些组件14、vue-routerrouter-view
、用来写路由一个插件。router-link答：vue 它们有哪些参数?、导航钩子有哪些15?、afterEnter全局钩子和组件内独享的钩子。a/b/beforeRouteEnter、答：导航钩子有：beforeRouteLeave
、beforeRouterUpdate一定要用这个函数才能去到下、)next(离开的路由、去的那个路由参数：有to()from( )一个路由，如果不用就拦截常用就这几种.
精品文档
的双向数据绑定原理是什么Vue?16、订阅者模式的方式，通过是采用数据劫持结合发布者-答：
，在数据变动时发布消息给订，Property()来劫持各个属性的setter 阅者，触发相应的监听回调。 具体步骤： 的数据对象进行递归遍历，包括子属性对象的属性，都加上第一步：需要observegetter
和setter ，那么就能监听到了数据变化这样的话，给这个对象的某个值赋值，就会触发setter解析模板指令，将模板中的变量替换成数据，然后初始化渲染页面compile第二步：视图，并将每个指令对应的节点绑定更新函数，添加监听数据的订阅者，一旦数据有变动， 收到通知，更新视图:
主要做的事情是CompileObserver和之间通信的桥梁，Watcher第三步：订阅者是 里面添加自己、在自身实例化时往属性订阅器(dep)1 update()方法2、自身必须有一个Compile方法，并触发update()()3、待属性变动通知时，能调用自身的 中绑定的回调，则功成身退。.
精品文档
三者，WatcherCompile和第四步：MVVM作为数据绑定的入口，整合Observer、终利来解析编译模板指令，通过CompileObserver来监听自己的model数据变化，通过视视图更新;Compile之间的通信桥梁，达到数据变化 -> 用Watcher搭起Observer和 model变更的双向绑定效果。图交互变化(input) -> 数据 ?”此面试题。题答案同样适合”vue data是怎么实现的ps：16 生命周期的理解?17、请详细说下你对vue 后。/后，销毁前/8个阶段创建前/后，载入前/后，更新前答：总共分为都为data$el和数据对象在beforeCreated阶段，vue实例的挂载元素 创建前/后： $el还没有。data阶段，vue实例的数据对象有了，undefined，还未初始化。在created都初始化了，但还是挂载和datavue实例的$elbeforeMount载入前/后：在阶段，实例挂载完vue还未替换。在mounted阶段，之前为虚拟的dom节点，e 成功渲染。成，e updated方法。data后：当变化时，会触发beforeUpdate和更新前/的改变不会再触发周期函数，说明此时data后：在执行destroy方法后，对/销毁前 dom结构依然存在domvue实例已经解除了事件监听以及和的绑定，但是 组件的过程?vue 、请说下封装18
答：首先，组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模 块，解决了我们传统项目开发：效率低、难维护、复用性等问题。.
精品文档
方法注册组方法创建一个组件，然后使用ent然后，使用中接受定义。而子组件修改好数据后，想把数据传递件。子组件需要数据，可以在props emit方法。给父组件。可以采用 的?19、你是怎么认识vuexspringjava有有thinkphp，答：vuex可以理解为一种开发模式或框架。比如PHP 等。进行集中bean的IOC容器对数据源)集中管理驱动组件的变化(好比spring通过状态( 。管理)这是个同步的事，改变状态的方式是提交mutations应用级的状态集中放在store中;
中。异步逻辑应该封装在action物;
使用它的用途有哪些?、vue-loader是什么?20 js模块。文件的一个加载器，跟template/js/style转换成答：解析.vue 等可以加jade或样式可以scssless、template、用途：js可以写es6style 目录每个文件夹和文件的用法?、请说出项目中src21是定义路由相关的配;router文件夹是放静态资源;components是放组件答：assets 是入口文件;;view置视图;是一个应用主组件 有遇到过哪些问题吗中怎样使用自定义的组件、??.
精品文档
一，script答：第一步：在components目录新建你的组件文件()export
default {
定要import smithButton from )中导入：第二步：在需要用的页面(组件 ../components/'‘,components:{smithButton}
属性上面vue的子组件的components第三步：注入到 中使用，template视图view第四步：
在 。命名，使用的时候则smith-buttonsmithButton问题有： ?template编译的理解23、聊聊你对的的虚函数返回VNode(Vuerender答：简而言之，就是先转化成AST树，再得到的)
DOM节点拟 详情步骤： 即AST编译成语法树(abstract syntax tree 首先，通过compile编译器把template的返回值，createCompiler，compile是源代码的抽象语法结构的树状表现形式) option还负责合并。createCompiler是用以创建编译器的。另外compile得)语法树转化成render funtion字符串的过程ASTAST然后，会经过generate(将节点，里面有的虚拟VueDOM是，的返回值是函数，到renderrenderVNodeVNode) 标签名、子节点、文本等等(
.
版权声明：本文标题：vue面试题及答案 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1709837600a547733.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论