Vue Js Online Test

1. What is the purpose of the v-on directive in a Vue template?

Listens to DOM events and triggers methods Adds styles to elements Defines data properties Configures Vue instance settings

2. Which of the following is a core feature of Vue.js?

Component-based architecture Database management Server-side rendering Browser compatibility

3. What is the purpose of pluralization in Vue Internationalization (i18n)?

To support multiple languages To manage routing To handle singular and plural forms To create custom directives

4. In Vue Resource, which HTTP method is typically used for retrieving data from a server?

GET POST PUT DELETE

5. What happens when a computed property depends on a data property that changes?

The computed property is updated An error is thrown The data property is deleted The computed property is ignored

6. How can you listen to a click event in Vue.js?

Using the v-click directive Using the v-on directive Using the v-bind directive Using the v-model directive

7. Which command is used to install Vue CLI globally?

npm install vue-cli -g npm install -g vue-cli npm install -global vue-cli npm global add vue-cli

8. Which testing framework is commonly used for testing Vue.js applications?

Jasmine Jest Mocha Karma

9. Which built-in Vue feature can be used for simple state management within a single component?

Vuex Vue Store Vue State Local component state

10. What is the purpose of the vue inspect command in Vue CLI?

To create a new Vue component To display the project's webpack config To initialize a Vuex store To run end-to-end tests

11. How do you handle form submissions in Vue?

Using the v-submit event Using the v-model directive Using the v-bind directive Using the v-on directive

12. In Vue, what is the purpose of the @ symbol when specifying event handlers in templates?

It's a shorthand for v-on It represents a component It indicates a computed property It defines a custom event

13. Which command is used to install Vue CLI globally?

npm install vue-cli -g npm add vue-cli -g npm vue-cli -g npm global add vue-cli

14. What is the primary role of getters in Vuex?

To modify state asynchronously To define route parameters To access and compute state To handle navigation

15. How can you access the Vue instance itself within its own methods or lifecycle hooks?

By using this keyword By passing it as an argument By calling getInstance() By using self variable

16. What is lazy loading in the context of Vue Router?

Loading routes only when they are needed Delaying route transitions Loading data asynchronously Loading global components dynamically

17. How can you control the duration of a transition in Vue?

By setting a CSS duration property By defining a computed property By using the v-duration directive By setting a Vue transitionDuration option

18. Which Vue CLI command is used to scaffold a new Vue component?

vue generate component vue add component vue create component vue make component

19. In Vuex, what is a store?

A component that manages state A global state management container A computed property A route definition

20. What is the name of the official Vue.js devtools browser extension for debugging Vue applications?

Vue Debugger Vue DevTools Vue Inspector Vue Debugger DevTools