Q121. How do you use deep selectors?
In scoped css, if you need to modify the styles of a child component using deep selectors(i,e from parent scoped css) then you need to use **>>>** combinator. For example...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (251 available).
Active:
Tag: vue ×
Q122. Is parent styles leaked into child components in scoped CSS?
The parent component's styles will not leak into child components. But a child component's root node will be affected by both the parent's scoped CSS and the child's scop...
Q123. How do you style dynamic generated content using scoped CSS?
The scoped css style doesn't impact v-html directive's dynamically generated content. In this case, you can use deep selectors to solve this styling issue. ****
Q124. Is CSS modules supported in Vue.js?
**Yes**, Vue.js provides first-class, built-in support for **CSS Modules** through `vue-loader` (in Webpack) and `@vitejs/plugin-vue` (in Vite) as an alternative or compl...
Q125. Can I use runtime builds for all templates?
**No.** The lightweight **runtime-only build** of Vue.js (`vue.runtime.esm-bundler.js`) does **not** include the in-browser template compiler. ### Understanding Vue Build...
Q126. How to use CSS modules in Vue.js?
Below are the steps to use css modules in VueJS, 1. **Enable CSS modules:** CSS Modules must be enabled by passing modules: true option to css-loader ```javascript // web...
Q127. Can I use CSS modules for preprocessors?
Yes, you can use preprocessors with CSS Modules. For example, sass-loader can configured in webpack file for sass preprocessor. ```javascript // webpack.config.js -> modu...
Q128. Is it possible to use custom inject name for CSS modules?
You can customize the name of the injected computed property by giving the module attribute a value. This will be helpful to avoid overwriting injected styled if you have...
Q129. What is hot reloading in Vue loader?
Hot reloading is not about reloading the page when you edit any .vue file. Instead, when you edit a *.vue file, all instances of that component will be swapped in without...
Q130. What is the default behavior of hot reloading?
Hot Reload is always enabled except below situations: 1. webpack target is node (SSR) 2. webpack minifies the code 3. process.env.NODE_ENV === 'production' ****