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

224.Как я могу использовать импортированную константу в разделе шаблона?

Переменные должны быть представлены в ваших данных, чтобы использовать их в разделе шаблона. т.е. их нельзя использовать непосредственно в шаблоне.

CREATE: {{CREATE_PROP}}
UPDATE: {{UPDATE_PROP}}
DELETE: {{DELETE_PROP}}

225.Рекомендуется использовать асинхронный режим для вычисляемых свойств?

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

Например, использование async / await ниже не рекомендуется,

async someComputedProperty ( ) {
return await someFunction ( )
}

Примечание. Если по какой-то причине вы по-прежнему предпочитаете использовать асинхронные вычисляемые свойства, вы можете рассмотреть возможность использования дополнительных плагинов, например vue-async-computed.

226.Что произойдет, если вы используете повторяющиеся имена полей?

227.Почему данные компонента должны быть функцией?

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

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

data: { //плохо
message: 'Hello'
}
data: function () { //хорошо
return {
message: 'Hello'
}
}

228.Зачем компоненты называть несколькими словами?

Имена компонентов всегда должны состоять из нескольких слов, за исключением компонентов корневого уровня или встроенных компонентов vue (таких как или и т. Д.). Эта рекомендация предназначена для предотвращения конфликтов с существующими и будущими элементами HTML, поскольку все элементы HTML состоят из одного слова.
Vue.component("user", {
//плохой подход
// ...
});
Vue.component("user-profile", {
//хороший подход
// ...
});