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

97. Как получить доступ к корневому экземпляру?

К корневому экземпляру (new Vue ()) можно получить доступ с помощью $ root.
Давайте посмотрим на примере использования корневого экземпляра.
Сначала давайте создадим корневой экземпляр со свойствами и методами, как показано ниже,
//Корневой экземпляр Vue
new Vue({
data: {
age: 26
},
computed: {
fullName: function () { /* ... */ }
},
methods: {
interest: function () { /* ... */ }
}
})
Теперь вы можете получить доступ к данным корневого экземпляра и его методам с помощью подкомпонентов, как показано ниже,
//Получить корневые данные
this.$root.age

// Установить корневые данные

this.$root.age = 29

// Доступ к корневым вычисляемым свойствам

this.$root.fullName

//Вызов корневых методов

this.$root.interest()

Для управления состоянием рекомендуется использовать Vuex вместо использования корневого экземпляра в качестве глобального хранилища.

98. Перечислите 10 лучших организаций, использующих Vuejs?

Ниже приведены 10 ведущих организаций, использующих VueJS для своих приложений или продуктов.
i. Facebook - используется в маркетинговой части ленты новостей
ii. Netflix - используется в двух внутренних приложениях для создания интерфейсов потоковой передачи фильмов.
iii. Adobe - используется для Portfolio, специального конструктора веб-сайтов, призванного помочь пользователям продемонстрировать свои творческие работы.
iv. Xiaomi - используется для продуктов, от бытовой электроники до программного обеспечения.
v. Alibaba - предоставить своим клиентам отличный опыт работы с приложениями
vi. WizzAir - бюджетная авиакомпания, которую WizzAir использует для пользовательского интерфейса своих клиентов.
vii. EuroNews
viii. Laracasts
ix. GitLab
x.Laracasts

99. Какова цель renderError?

Когда функция рендеринга по умолчанию обнаруживает ошибку, вы можете использовать rennderError в качестве альтернативного вывода рендеринга. Ошибка будет передана в renderError в качестве второго аргумента.
Пример использования renderError приведен ниже:
new Vue({
render (h) {
throw new Error('An error')
},
renderError (h, err) {
return h('div', { style: { color: 'red' }}, err.stack)
}
}).$mount('#app')