По какой-то причине мой VSCode выделил элемент перехода красным цветом, что, как я понимаю, означает, что он не распознает этот элемент. Я не совсем уверен, что здесь происходит. И код также не работает в том смысле, что при нажатии кнопки нет перехода или даже каких-либо изменений. Спасибо за вашу помощь!
<!--Vuejs CDN--> <script src = "https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> <title>Hello, world!</title> </head> <body> <div id='app'> <button v-on:click='showThis = !showThis'>Swap</button> <transition name='fade'> <p v-if='showThis'>Then showThis is true!</p> </transition> </div> <!-- Vuejs --> <script> new Vue({ el:'#app', data:{ showThis:true } }) </script> <style> .fade-enter-active, .fade-leave-active { transition: opacity .5s; } .fade-enter, .fade-leave-to { opacity: 0; } </style> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src = "https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity = "sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"crossorigin = "anonymous">
Я на всякий случай добавил его в репозиторий github: github.com/Taikon/prac5/blob/master/prac5%20transitions.html. Я также изменил настройки пользователя согласно Debadatta. Теперь он работает в браузере, но элемент перехода по какой-то причине по-прежнему выделен красным в VSCode и Github.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Я считаю, что это ваш тег, это просто закрывающий тег. Попробуйте создать пару открытия и закрытия <head></head>.
Просто проверьте, добавив следующие строки в пользовательских настройках. Файлы-> Настройки-> Настройки-> Пользовательские настройки
"editor.formatOnSave": true, "eslint.validate": [ "javascript", "javascriptreact", "vue" ]
Также очень вероятно, что это исправит.
Я на всякий случай добавил его в репозиторий github: github.com/Taikon/prac5/blob/master/prac5%20transitions.html. Я также изменил пользовательские настройки. Теперь он работает в браузере, но элемент перехода по какой-то причине по-прежнему выделен красным в VSCode и Github. Большое спасибо за устранение неполадок! Понятия не имею, как вы знаете, что исправить.
Обратите внимание, что у меня есть один файл с именем index.html и что над и под ним есть небольшой фрагмент кода. Также элемент body был сдвинут в приведенном выше коде, но он есть.