Vue, что означает $?
Я изучаю Vue.js и не понимаю, что делают символы $. Я использую Laravel, я имею в виду, что я не использую Vue-CLI.
Когда я перехожу к документации Vue, во многих документах нет $.
Например, в разделе «Программная навигация» написано: router.push({ path: '/posts' }), но когда я сделал это в своем коде, мне пришлось сделать this.$router.push({ path: '/posts' });
Заранее спасибо.
Ответы 3
В Vue $ означает, что вы используете свойство экземпляра Vue или метод экземпляра Vue.
Вы можете узнать больше об этом на документация.
Символ $ используется в Vue в качестве префикса для имен свойств в экземпляре Vue. Это помогает избежать того, чтобы свойства экземпляра Vue, введенные разработчиками в прототип Vue, не переопределяли существующие свойства. По сути, это отличает свойства экземпляра Vue от тех, которые вы или другие разработчики библиотек могли бы внедрить в экземпляр Vue.
Например. Чтобы получить доступ к данным, которые наблюдает экземпляр Vue, вы можете использовать: vm.$data. Предположим, вы назначили свой экземпляр Vue переменной с именем vm.
В качестве альтернативы вышеизложенному, если вы находитесь в SFC (компоненты одного файла), вы можете получить доступ к этим экземплярам с помощью ключевого слова this. Вот так:
<script>
export default {
name: 'mySFCComponentName',
data() {
return {
myData: [1, 2, 3]
}
},
mounted() {
console.info(this.$data)
}
}
</script>
Из приведенного выше фрагмента вы можете видеть, что я использую свойство $data экземпляра с помощью ключевого слова this для доступа к данным, которые просматривает экземпляр Vue.
Надеюсь, это поможет. Спасибо,
$, чтобы отличать свойства экземпляра vue от свойств, определенных пользователем.