Что такое VueJS? Каковы основные особенности VueJS? 6

195.Для чего нужна опция списка браузеров?

Параметр browserslistдоступен в файле package.json, чтобы указать диапазон браузеров, в которых поддерживается проект. Это значение будет использоваться babel и autoprefixer для преобразования функций javascript и применения префиксов поставщиков.

Например, вы можете объявить это следующим образом:

"browserslist": [
"last 1 version",
"> 1%",
"IE 10"
]

196.Как найти версию VueJS с помощью API?

Плагины и компоненты сообщества могут нуждаться в разных стратегиях для разных версий. В этом случае вы можете использовать Vue.version, который предоставляет установленную версию Vue в виде строки.

Например, вы можете реализовать разную логику на основе разных версий

let version = Number(Vue.version.split('.')[0])

if (version === 2) {

// Vue v2.x.x
} else if (version === 1) {
// Vue v1.x.x
} else {
// Неподдерживаемые версии Vue
}

197.Как вы создаете реактивные объекты?

Начиная с версии 2.6, вы можете создавать реактивные объекты с помощью глобального API
Vue.observable ().
const reactiveState = Vue.observable({
count: 0
})

Эти наблюдаемые объекты могут использоваться непосредственно в вычисляемых свойствах и функциях рендеринга.

const Demo = {
render(h) {
return h(
"button",
{
on: {
click: () => {
reactiveState.count++;
},
},
},
`count is: $ { state . count } `
);
},
};

198.Какова цель новой директивы слота?

В версии Vue 2.6 новый синтаксис слота предоставляется с помощью директивы v-slot, которая согласовывает синтаксис с Vue 3.0. Это заменит старый синтаксис слотов.

Сравнение синтаксиса старого и нового слотов:

старое -->

новое -->