Лучшие практики для создания экземпляра Vue.
Vue - популярный интерфейсный фреймворк, похожий на Angular и React. Одно из первых действий, которое вы сделаете при создании приложения Vue, - это создание экземпляра Vue.
В Интернете есть несколько способов сделать это, но нет четкого различия в предпочтительном методе. В этом посте я расскажу о различиях и о том, какой метод, по моему мнению, является наиболее распространенным и передовым.
Способ 1
В документации Vue рассказывается о создании экземпляра Vue и показан метод, подобный следующему (в вашем main.js):
В этом методе мы создаем const vm и назначаем этой переменной новый экземпляр Vue. Это также дает нам возможность делать с этим экземпляром другие вещи.
Как вы можете видеть, мы можем получить rd свойства el и смонтировать его, как показано в строке 14. Мы также можем получить доступ к свойству данных, показанному в строке 16 (в этом примере он проверяет, что оно совпадает с локальной переменной данных, и выводит истинный.
Этот метод позволяет всему коду вашего шаблона оставаться в App.vue, а не в index.html #app div, что позволяет использовать версию Vue только для времени выполнения, которая меньше полной версии. Он также создает более чистый index.html и сохраняет все в App.vue.
Способ 2
Вот тут-то странно. Если вы используете Vue-Cli для создания своего приложения, возможно, вы уже видели следующий код в файле main.js:
Что немного сбивает с толку в их документации, так это то, что они показывают это таким образом, и это будет работать, но этого нет в их основной документации (из того, что я прочитал), и он работает нормально, но, учитывая тяжелую документацию по первому методу, это направление, которое я выбрал.
Вывод
Кажется, что есть много способов достичь того же результата (как и с каждым языком программирования или фреймворком), и выбранный мной метод - лишь один из вариантов. Я хотел бы услышать от других, какой метод они предпочитают, какие передовые практики в этом отношении учитываются, а также любые другие подробности по этому вопросу.
