preface

Those who know the front end must know the Vue framework, because the Vue framework is the most widely used framework in the market. Basically, frames in a lot of things are Vue. So today to share with you the Vue framework of the interview questions, so that when the interview can also be prepared.

Vue framework interview questions

Vue framework interview questions mainly include: Vue basic knowledge, Vue core knowledge, VUE-CLI engineering, Vuex, HTTP request, UI style, common functions, in-depth development…

Vue basics

  1. Vue features
  2. Vue project structure introduction
  3. Vue common commands
  4. Vue is a common modifier
  5. Conditions apply colours to a drawing
  6. The list of rendering
  7. component

Vue core knowledge points

  1. Understanding that Vue is a set of progressive frameworks
  2. What are the two cores of vue.js?
  3. What is the difference between V-IF and V-show
  4. Priority of V-for and V-IF
  5. Can V-ON listen for multiple methods?
  6. The function of the key value in vUE
  7. Vue – CLI Project Upgrade vUE version
  8. How are event objects used in VUE events?
  9. The use of $nextTick
  10. Why does data have to be a function in a Vue component
  11. The vUE neutron component calls the parent component’s method
  12. The role of the keep-alive component in vUE
  13. How to write reusable components in VUE?
  14. What is the VUE lifecycle?
  15. What are the VUE lifecycle hook functions?
  16. How does VUE listen for keys in keyboard events?
  17. Method that triggers view updates when vUE updates an array
  18. Considerations for object change detection in VUE
  19. Solve the initialization page flash problem of non-engineering projects
  20. The list generated by V-for implements active switchover
  21. Use in components of v-Model syntax sugar
  22. Custom filters in vUE
  23. Vue and other single-page applications and their advantages and disadvantages
  24. What are the calculated properties of vUE?
  25. Vue-cli provides several scaffolding templates
  26. How does a VUE parent component pass data to its children?
  27. How to disable the scroll bar after vue popup?
  28. Calculate the difference between caching and method calls for attributes
  29. Vue-use of custom commands in the CLI

Vue – cli project

  1. What technologies are involved in the VUE-CLI project, and what are their roles?
  2. What are the common NPM commands used in vuE-CLI projects?
  3. Name the use of folders and files in vue-CLI project
  4. The index.js file in config folder is used to configure the engineering development environment and production environment
  5. Please tell us more about the configuration in package.json

vue-router

  1. How does vue-Router respond to route parameter changes?
  2. Complete vue-Router navigation parsing process
  3. What kind of navigation hooks does vue-Router have?
  4. Vue-router Transmits parameters in several ways
  5. How to define a vue-router dynamic route? How do I get the passed value
  6. Vue-router dynamic route matching
  7. How does vue-router define nested router routes?
  8. <router-link></router-link>Components and their properties
  9. Vue-router Implements lazy route loading (dynamic route loading)
  10. Vue-router Indicates the two modes of routing
  11. History Route mode and background configuration

vuex

  1. What is Vuex?
  2. What problem does Vuex solve?
  3. Use the core concepts of VUex
  4. Vuex application in VUE-CLI
  5. Using vuex in vUE, change the value of state
  6. Vuex Actions Asynchronously changes the status
  7. Where is state stored in Vuex and how can it be changed?
  8. How do I batch use Vuex state in components?
  9. How do I batch use Vuex’s getter property in a component?
  10. What is the difference between Action and mutation in Vuex?
  11. Actions in Vuex are usually asynchronous, so how do you know when an action ends?
  12. Has the Vuex plugin ever been useful? How to use a brief introduction?

The HTTP request

  1. What are Promise objects?
  2. What is the difference between Axios, FETCH and Ajax?
  3. What are the same origin policy and cross-domain issues of JS?
  4. How to solve cross-domain problems?
  5. What is axios about?

The UI style

  1. The scoped property of a VUE component
  2. How do I make CSS work only in the current component?
  3. Vue-ui component library commonly used in the CLI
  4. How to adapt to mobile?
  5. Media query on the mobile terminal
  6. Vue content is centered vertically and horizontally
  7. Vue-cli method of introducing pictures
  8. Common style problems on mobile
  9. Text beyond hiding

Commonly used functions

  1. How to implement TAB switching in VUE?
  2. Keep-alive implements TAB component caching in Vue
  3. Slide pages from right to left in VUE
  4. How do parent and child components call methods to each other in VUE?
  5. Use of the VUE central event bus

MVVM design pattern

  1. MVC, MVP, and MVVM patterns
  2. The difference between MVC, MVP and MVVM
  3. The realization principle of MVVM
  4. Object. DefineProperty () method
  5. Classes and objects defined in ES6
  6. Document fragments in JS
  7. Deconstruction assignment
  8. Array.from
  9. Array.reduce
  10. Use of recursion
  11. Obj. Keys () and Obj. DefineProperty
  12. Publish and subscribe
  13. Vue project optimization, shorten the loading time of the first screen

Limited space, need the article "Vue framework interview summary" complete version (including analysis) PDF document friends can join this Q skirt: [624369675]Copy the code

Further develop

  1. This section describes how to run the vue development command NPM run dev
  2. Server-side rendering of VUE
  3. The characteristics of the webpack