精品文档
2019 VUE前端面试题1、active-class是哪个组件的属性?嵌套路由怎么定义?
答：vue-router模块的router-link组件。
2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?
答：在router目录下的index.js文件中，对path属性加上/:id。使用router对象的params.id 3、vue-router有哪几种导航钩子?
答：三种，一种是全局导航钩子：router.beforeEach(to,from,next)，作用：跳转前进行判断拦截。第二种：组件内的钩子；第三种：单独路由独享组件
4、scss是什么?安装使用的步骤是?有哪几大特性?
答：预处理css，把css当前函数编写，定义变量，嵌套。先装css-loader、node-loader、sass-loader等加载器模块，在fig.js配置文件中加多一个拓展:extenstion，再加多一个模块：module里面test、loader
4.1、scss是什么?在vue.cli中的安装使用步骤是?有哪几大特性?
答：css的预编译。
使用步骤：
.
精品文档
node-sass)
css-loader、下三个loader(sass-loader、第一步：用npm
属性中加一个，在那个extendsbuild目录到fig.js第二步：在.scss
拓展属性第三步：还是在同一个文件，配置一个module ”lang=”scss标签加上lang属性，
例如：style第四步：然后在组件的:jquery是什么功能组件
有哪几大特性);
值变量名称=1、可以用变量，例如($()
、可以用混合器，例如2 、可以嵌套3 说出至少三个组件使用方法?是什么?怎么使用?5、mint-uivue.use(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答：可以实现双向绑定，指令、、、、<input @click=doLog() />
data层的属性。绑定事件：.
精品文档
描述使用它实现登录功能的流程?是什么?怎么使用?7、axios装好，然后发送的是跨域，需在配置答：请求后台资源的模块。npm install axios -Simportjs中使用后台如果是Tp5则定义一个资源路由。文件中config/index.js进行设置。函数中.then函数中如果成功，失败则是在.catch进来，然后.get或.post。返回在是进行的什么操)api/user'axios.post(8、axios+tp5进阶中，调用‘?)呢作?axios.put(‘api/user/8′答：跨域，添加用户操作，更新操作。怎么使用?9、什么是RESTful API?则先路的标准，无状态请求。请求的路由地址是固定的，如果是tp5答：是一个api.post .put .delete
由配置中把资源路由配置好。标准有：?怎么使用?哪种功能场景使用它vuex10、是什么?.. ，…，注入。新建了一个目录storevue框架中状态管理。在main.js引入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、订阅者模式的方式，通过是采用数据劫持结合发布者-答：vue.js
，在数据变动时发布消息给订，getterObject.defineProperty()来劫持各个属性的setter 阅者，触发相应的监听回调。具体步骤：的数据对象进行递归遍历，包括子属性对象的属性，都加上第一步：需要observegetter
和setter ，那么就能监听到了数据变化这样的话，给这个对象的某个值赋值，就会触发setter 解析模板指令，将模板中的变量替换成数据，然后初始化渲染页面compile第二步：视图，并将每个指令对应的节点绑定更新函数，添加监听数据的订阅者，一旦数据有变动，收到通知，更新视图:
主要做的事情是CompileObserver和之间通信的桥梁，Watcher第三步：订阅者是里面添加自己、在自身实例化时往属性订阅器(dep)1 update()方法2、自身必须有一个Compile方法，并触发update()ice()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节点，ssage 成功渲染。成，ssage updated方法。data后：当变化时，会触发beforeUpdate和更新前/的改变不会再触发周期函数，说明此时data后：在执行destroy方法后，对/销毁前dom结构依然存在domvue实例已经解除了事件监听以及和的绑定，但是组件的过程?vue 、请说下封装18
答：首先，组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性等问题。.
精品文档
方法注册组方法创建一个组件，然后使用Vueponent然后，使用d中接受定义。而子组件修改好数据后，想把数据传递件。子组件需要数据，可以在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 目录每个文件夹和文件的用法?、请说出vue.cli项目中src21是定义路由相关的配;router文件夹是放静态资源;components是放组件答：assets 是入口文件;main.js;view 置视图;app.vue是一个应用主组件有遇到过哪些问题吗中怎样使用自定义的组件、
22vue.cli??.
精品文档
一，script答：第一步：在components目录新建你的组件文件(smithButton.vue)export default {
定要import smithButton from )中导入：第二步：在需要用的页面(组
件 ../components/smithButton.vue'‘,components:{smithButton}
属性上面vue的子组件的components第三步：注入到中使用，template视图view第四步：
在。命名，使用的时候则smith-buttonsmithButton问题有：?template编译的理解23、聊聊你对Vue.js的的虚函数返回VNode(Vuerender答：简而言之，就是先转化成AST树，再得到的)
DOM节点拟详情步骤：即AST编译成语法树(abstract syntax tree 首先，通过compile编译器把template的返回值，createCompiler，compile是源代码的抽象语法结构的树状表现形式) option还负责合并。createCompiler是用以创建编译器的。另外compile得)语法树转化成render funtion字符串的过程ASTAST然后，会经过generate(将节点，里面有的虚拟VueDOM是，的返回值是函数，到renderrenderVNodeVNode) 标签名、子节点、文本等等(
.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。