Vue js interview question

Vue Js 

   Interview Question    

1.    What is VueJS?

    **Vue.js** is an open-source, progressive Javascript framework for building user interfaces that aim to be incrementally adoptable. The core library of VueJS is focused on the `view layer` only, and is easy to pick up and integrate with other libraries or existing projects.

    

2.    What are the major features of VueJS?

    Below are the some of major features available with VueJS

    1. **Virtual DOM:** It uses virtual DOM similar to other existing frameworks such as ReactJS, Ember etc. Virtual DOM is a light-weight in-memory tree representation of the original HTML DOM and updated without affecting the original DOM.

    2. **Components:** Used to create reusable custom elements in VueJS applications.

    3. **Templates:** VueJS provides HTML based templates that bind the DOM with the Vue instance data

    4. **Routing:** Navigation between pages is achieved through vue-router

    5. **Light weight:** VueJS is light weight library compared to other frameworks.

3.    What is vue instance?

    Every Vue application works by creating a new Vue instance with the Vue function. Generally the variable vm (short for ViewModel) is used to refer Vue instance. You can create vue instance as below,

    ```javascript

    var vm = new Vue({

      // options

    })

    ```

    As mentioned in the above code snippets, you need to pass options object. You can find the full list of options in the API reference.

    

4.    How do you achieve conditional group of elements?

    You can achieve conditional group of elements(toggle multiple elements at a time) by applying **v-if** directive on `<template>` element which works as invisible wrapper(no rendering) for group of elements. For example, you can conditionally group user details based on valid user condition.

    ```javascript

    <template v-if="condition">

      <h1>Name</h1>

      <p>Address</p>

      <p>Contact Details</p>

    </template>

    ```