I wrote a front-end vue face question

Description, this topic I self-out, has done my company's front-end interview questions, here to share to everyone

1. How do I implement V-model functionality in the Vue component? (Just give the key code)

2. Describe the life cycle functions and timing you know

3. Talk about your understanding of computational properties and listeners

4. Short dynamic switch Class key code, assuming the given class name bgblack,bgred

5. What is the difference between v-if and v-show? In what places are they used?

6. What are the key requirements for the V-FOR Directive binding? Talk about your understanding of key.

7. Why is the Data property a function?

8. How to send a message to the parent component through an event, please self-conceive the code to complete a simple demo (hint: use on and emit)

9. Please write out the transition class name of transition

10. Have the following router code, do you think the code in the Parentview component how to write? Try to write it

{    path: ‘/BusinessOperation‘,    name: ‘BusinessOperation‘,    meta: {      icon: ‘ios-albums‘,      title: ‘业务运行‘    },    component: Main,    children: [      {        path: ‘MandatoryManagement‘,        name: ‘MandatoryManagement‘,        meta: {          icon: ‘ios-navigate‘,          title: ‘委托管理‘        },        component: parentView,        children: [          {            path: ‘DeliverDetection‘,            name: ‘DeliverDetection‘,            meta: {              icon: ‘ios-flask‘,              title: ‘送样检测‘            },            component: () => import(‘@/MyComponets/BusinessOperation/MandatoryManagement/DeliverDetection‘)          }        ]      }    ]}

11. Have the following Vuex code, write mutation and action to change the count value, and briefly describe the difference between the two

const store = new Vuex.Store({  state: {    count: 0  }})

12. Please list the UI plugins you use for your daily development

13. If you have the following HTML code, how to make #box, fill the remaining height, write out your CSS code

<div style="height: 100%;">    <div style="height: 50px;"></div>    <div id="box"></div></div>

14. How to center the text vertically, without using line-height, write out the CSS code (hint: use flex)

15. Write the usage of JS array map,filter,some,every

16. What do you think of the current development of the front-end, talk about your own development goals

I wrote a front-end vue face question