Vue interview questions

Thanks to Excalibur – Github for organizing the documentation. This article is for your own learning and use. All links point to the address of the original warehouse, and the markdown file in this article can be obtained from my warehouse

(Vue 248 Interview questions)

vue

  1. Do you know which Web template engine vue uses for its template syntax? Tell me what you understand about the template engine

  2. Do you know how the V-Model works? Say that see

  3. Have you used VUE to develop multilingual projects? What do you do?

  4. When using computed properties, can function names be the same as data in data sources?

  5. Can data attributes in Vue have the same name as methods? Why is that?

  6. How do I define global methods for VUE?

  7. Vue2.0 no longer supports filters in v-html.

  8. How to solve the problem of invalid static resource images after VUE packaging?

  9. How to solve the problem that vue dynamic setting img SRC does not take effect?

  10. How to do SEO optimization for search engines after using VUE?

  11. What are the life cycles associated with keep-alive? Describe these life cycles

  12. If you had to choose between Vue/React/AngularJS right now, which one would you choose? Tell me your reasons

  13. Do you know which version of IE is compatible with Vue2.0?

  14. Use VUE to develop a small todo app, talk about your ideas

  15. Have you read vue’s recommended style guide? Name the ones you know

  16. Which version of VUE did you start with? Do you know the difference between 1.x and 2.x?

  17. Do you know how key works in VUE? Tell me what you think of it

  18. How to reset data in VUE?

  19. How does Vue keep HTML comments in a template when rendering it?

  20. Observable do you know anything about vue.Observable? Say that see

  21. Do you know how the style plus scoped attribute works?

  22. What features or improvements would you like to see in VUe3.0?

  23. What are the VUE boundary cases?

  24. How do I access an instance of a parent component in a child component?

  25. What happens if the watch property is defined with the arrow function?

  26. What if methods’ methods were defined with arrow functions in a VUE project?

  27. How do I configure favIcon in a VUE project?

  28. Have you ever used the Babel-Polyfill module? What is it mainly used for?

  29. What do you know about vUE error handling?

  30. Passing $event in a vue event, what is the difference between using E.target and E.currenttarget?

  31. Is style required in a.vue file? Is script required? Why is that?

  32. How does VUE force refresh components?

  33. How does a parent component receive multiple parameters from a child component in a vUE custom event?

  34. What are some of the vUE best practices you’ve summarized in your actual work?

  35. Vue is invalid to bind custom events to components.

  36. What happens when a vue property name is the same as a method name?

  37. What happens if a vue variable name starts with an attribute like _ or $? How do I access their values?

  38. In what order does Vue traverse objects using V-for? How to ensure the order?

  39. What does vUE do if it wants to extend an existing component?

  40. Under the said$attrsand$listenersUsage scenarios of

  41. What is the reason why vUE project 404 is reported after local development is completed and deployed to the server?

  42. What are the application scenarios of V-once?

  43. Explain your understanding of vue’s form modifier.lazy

  44. Why does Vue require a component template to have only one root element?

  45. When an EventBus is registered globally, the event is repeatedly triggered during route switching.

  46. How to modify the generated file path after vue packaging?

  47. Have you used VUE to interact with native apps? Talk about the way vUE interacts with ap

  48. Write a TAB switch using vue

  49. What are recursive components in VUE? Can I give you an example?

  50. How do I access instances or child elements of a child component?

  51. How do I access an instance of a parent component in a child component?

  52. How is the root instance accessed from within the component?

  53. Explain your understanding of Object.defineProperty

  54. Native Addeventlisteners written in the Vue component listen for events. Are they manually destroyed? Why is that?

  55. How to destroy timer in VUE component?

  56. When will vUE components be destroyed?

  57. How to optimize when rendering large amounts of data using VUE? Tell me what you think!

  58. What should I be aware of when using this in Vue?

  59. Have you ever used JSX? Tell me what you understand about JSX

  60. Talk about naming conventions for components

  61. How to configure vue2.0+ to support typescript writing?

  62. <template></template>What’s the use?

  63. Have you used the IS feature of Vue? Mainly used in what aspects?

  64. How many ways can vue represent :class and :style?

  65. Do you know what a functional component is?

  66. How does Vue change the delimiter of the inserted template?

  67. What does the write name option do in the component?

  68. Explain your understanding of provide and inject

  69. Did you use DevTools during development?

  70. What do you understand about slot? What are the slot usage scenarios?

  71. Have you ever used dynamic components? Tell me what you think of it

  72. What are the types of prop validation?

  73. How does PROP do validation? Can I set the default value?

  74. How to cache the current open routing component, cache to update the current component how to do?

  75. Explain your understanding of the design principles of VUE components

  76. Do you know anything about Vue’s diff algorithm?

  77. How does Vue optimize the loading speed of the home page?

  78. What are the final files vue packages into?

  79. What is the difference between Ajax, Fetch, and Axios?

  80. What are the ways that VUE can listen for array changes? Why do these methods listen?

  81. How are Event objects used in VUE?

  82. What is the problem caused by the blank screen on vUE home page? How to solve it?

  83. Talk about your understanding of one-way data flow and two-way data flow

  84. Which UI library do you use for mobile UI? Have you had any problems?

  85. Do you know how NextTick works?

  86. Tell me what you understand about the V-clock and V-pre commands

  87. Write out form modifiers and event modifiers that you know

  88. Tell me your understanding of proxy

  89. Have you ever written your own UI component library in VUE?

  90. How to achieve a skin change function with VUE?

  91. Have you used Echarts in VUE? What holes have you stepped in? How is it solved?

  92. If you were asked to teach a colleague with 2-3 years of front-end experience to use VUE, how would you do it?

  93. What are the ways to optimize VUE performance?

  94. What problem does SSR solve? Have you ever done SSR? How did you do it?

  95. What do you think are the vUE development specifications?

  96. What preparations must be made before vUE deployment goes online?

  97. What are the ways in which vUE transition animation is implemented?

  98. What is the difference between created and Mounted life cycles when a VUE requests data?

  99. What are the methods of bidirectional binding between vUE parent and child components?

  100. How does vue get dom nodes?

  101. Was there any unit testing done on the VUE project?

  102. Does the VUE project use NPM Run Build –report?

  103. How to solve the problem that vue packaging vendor is too large?

  104. What if WebPack packs vue too slowly?

  105. What do you do when vUE has to interconnect with n different back-end people (requesting different urls) at the same time during development?

  106. Vue to do permission management how to do? What if you control button level permissions?

  107. Talking about the directory structure of your VUE project, how do you divide the structure and components if it’s a large project?

  108. What are your best practices for using VUE on mobile?

  109. Why did your project choose VUE over other frameworks?

  110. What do you know about upcoming VUe3.0 features?

  111. Did you use any AIDS during vUE development?

  112. What is the difference between vue and wechat small program writing?

  113. How do I cache the current component? How to update the cache?

  114. Do you know what advanced components are? Can you give an example to illustrate?

  115. Why can we write components in.vue? Can it be another filename suffix?

  116. What is vue-loader? What does it do?

  117. Tell me what you understand about vue’s extend constructor. What does it mainly do?

  118. How about synchronizing axios asynchronous requests?

  119. How do I catch component VUE error messages?

  120. Why does VUE use asynchronous update components?

  121. How to implement a virtual DOM? Tell me what you think

  122. Write out multiple ways to define component templates

  123. What are the implementation methods of SPA single page?

  124. Tell me your understanding of SPA single page. What are its advantages and disadvantages?

  125. What kind of projects have you done with VUE?

  126. How do I introduce third-party libraries (such as jquery) into my Vue project? What are some ways to do that?

  127. Write a filter using vUE

  128. Have you ever used the render function? What are the benefits?

  129. What are your common instructions to write down?

  130. Hand-write a custom command and how to call it

  131. Which lifecycle do you place a component in when it comes in requesting an interface? Why is that?

  132. Have you ever used eventBus? Say what you understand

  133. What are the pros and cons of VUE?

  134. In what cycle is DOM rendering completed?

  135. Which hooks are triggered when the page is first loaded?

  136. How many phases are there in the VUE life cycle?

  137. What is the role of the VUE lifecycle?

  138. What’s the difference between Vue and Angular?

  139. How do I introduce SCSS? How to use it after introduction?

  140. How do you manage interfaces using vUE development process?

  141. Why is it officially recommended to use Axios instead of Vue-Resource?

  142. Do you know how Axios works? Have you seen the source code?

  143. Have you ever packaged Axios? What is the main aspect of encapsulation?

  144. How do I interrupt an AXIos request?

  145. What is Axios? How to use it? How to solve cross-domain problems?

  146. What is your understanding of vue template compilation?

  147. Can V-ON bind multiple methods?

  148. What are the common modifiers in Vue? List and illustrate

  149. What do you think is the core of VUE?

  150. What is a V-Model? What’s the use?

  151. Tell me your understanding of vue mixins, what are the application scenarios?

  152. How to solve the slow loading speed of SPA first screen?

  153. What is the difference between delete and vue.delete when deleting an array?

  154. What happens when a new property is dynamically added to vue’s data? How to solve it?

  155. What’s the difference between a component and a plug-in?

  156. Tell me some of the problems you encountered in using VUE and how you solved them.

  157. Say what you think of the el,template,render options

  158. What is the process of mounting a VUE instance?

  159. What are the ways that Vue introduces plug-ins into components?

  160. What is the priority of V-if and V-for? If these two are present at the same time, how can you optimize them for better performance?

  161. Describe the scenarios in which vUE can listen for changes in arrays or objects. What other scenarios can’t? What’s the solution when you can’t listen?

  162. What does $nexttick do?

  163. Why must the data attribute be declared as a function that returns the original data?

  164. How to call watch immediately after the start of listening?

  165. How does watch monitor object changes deeply?

  166. What is the difference between a watch and a calculated property?

  167. How does VUE listen for keyboard events?

  168. What does a key do in a V-for loop?

  169. How to use plug-ins in VUE?

  170. Have you ever written a custom component?

  171. What do you understand about Keep-alive?

  172. How do I make CSS styles apply only to the current component?

  173. Have you read the source code for vue? If so, tell me

  174. Have you ever written a custom command? What are the life cycles (hook functions) of custom instructions?

  175. What’s the difference between V-show and V-if? What are the usage scenarios?

  176. Talk about your understanding of MVC, MVP, MVVM patterns

  177. What do you understand about the instructions?

  178. Please describe the vUE life cycle.

  179. What is the communication between VUE components?

  180. What is the virtual DOM?

  181. What is bidirectional binding? How does it work?

  182. What’s the difference between Vue and React? What are the usage scenarios?

  183. Talk about the pros and cons of VUE

  184. Have you ever used VUE? Tell me what you understand about VUE

vue-cli

  1. What kinds of scaffolding templates are provided by VUE-CLI?

  2. What are the common NPM commands used in vuE-CLI projects?

  3. Do you understand the principle of automatic page refresh when using VUE-CLI to develop vUE projects?

  4. Have you written about vuE-CLI3 plugin? How to write a code generation plug-in?

  5. Can VUE-CLI-generated projects use ES6, ES7 syntax? Why is that?

  6. How does vuE-CLI solve the cross-domain problem?

  7. What loaders do you often use in VUe-CLI?

  8. Do you know what scaffolding is?

  9. What do you know about vue-CLI? Can you implement a vue-CLI class yourself?

  10. How to create a project with VUE-CLI3?

  11. Vue-cli3 have you used it before? How is it different from the 2.x version?

  12. Vue-cli default is single page, so how to make multiple pages?

  13. Have you ever built a VUE development environment without vue-CLI? What is the process?

vue-router

  1. How does vue-router redirect pages?
  2. How to configure a 404 page on vue-router?
  3. When switching routes, you need to save the draft function, how to achieve?
  4. How many modes does vue-router have? What’s the difference?
  5. What kind of navigation hooks does vue-Router have?
  6. Tell me what you know about router-link
  7. How does vue-Router respond to route parameter changes?
  8. Have you read the vue-Router source code? Say that see
  9. When switching to a new route, how do I scroll to the top of the page or keep the original scroll position?
  10. In what situations will nested routines be used?
  11. How do I obtain parameters from the route?
  12. Which component property is active-class?
  13. How do I get the current routing information in the VUE component?
  14. How to redirect vur-router?
  15. How to load routes dynamically?
  16. How to implement lazy route loading?
  17. If you were asked to write a VUE route from scratch, tell me what you think
  18. What is the complete navigation parsing process for vue-Router?
  19. How do routes jump from one another? What are the ways?
  20. If vue-router is in history mode, what should you be aware of when deploying it?
  21. What is the difference between route and router?
  22. What are vue-router hook functions? What are the parameters?
  23. What is vue-Router used for? What components does it have?

vuex

  1. Have you ever written a store plugin for Vuex?
  2. Have you ever used Vuex’s Module? In what scenarios is it mainly used?
  3. What is the difference between Actions and mutations in VUex?
  4. What if VUex does not support multi-parameter passing when using Actions?
  5. What do you see as the disadvantages of Vuex?
  6. What do you think will happen if you don’t use Vuex?
  7. How does VUEX know whether the state was modified by mutation or directly externally?
  8. Is the request data written in the component’s methods or in the VUex action?
  9. How to monitor vuEX data changes?
  10. What are the characteristics of Vuex Action and mutation? What’s the difference?
  11. How can VUex state data be lost after the page is refreshed?
  12. What are the state, getter, mutation, Action, and Module features of VUex?
  13. How many attribute values does vuex store have? What do they do?
  14. What do you mean by vuex? Which scenarios will be used? Would it be a problem if I didn’t use it? What are the features?
  15. What are the advantages of using Vuex?
  16. Have you ever used vuex? What problem does it mainly solve? Which scenarios are recommended?

ElementUI

  1. How does Elementui do form validation? What about validation for each input in the loop?
  2. Have you ever re-encapsulated an ElementUI component?
  3. How does ElementUi modify the default style of a component?
  4. How does elementUI’s shuttle component get stuck if the data volume is large?
  5. How does the ElementUI table component implement dynamic table headers?
  6. Have elementUi had problems using the table component?
  7. Have you read the source code for Elementui?
  8. Has elementUI been used in your project? What problems have you encountered? What are its main usage scenarios?
  9. What VUE UI have you used? What are their advantages and disadvantages?

mint-ui

  1. Have you encountered any problems with mint-UI? How did it work out?
  2. Name a few common mint-UI components
  3. What is mint-UI? Have you ever used it?