Я ожидал:
в обоих этих файлах будет отображаться «Test!»и имеют компонент Vue.Оба эти файла ссылаются на один и тот же исходный код Vue.Оба они имеют то же самое, что кажется одинаковым Javascript.Оба они вызывают ключ сообщения с точно таким же синтаксисом усов.
Вместо этого я получил:
один файл показывает мне {{message}}, в то время как другой работает, как задумано, показывая «Test!».Оба файла указывают, что Vue готов.Обнаружен Vue 2.5.21 '. Вот результат «испорченного» файла. (Почему есть разница)?
Я пытался (на поврежденном файле):
- Изменение ссылки CDN, откуда я получаю Vue (не работает).
- Изменениеимя переменной, в которой хранится Vue, от 'root' до 'app' до 'rooty' (не работает).
- Использование одинарных скобок и двойных для идентификатора и ссылки на элемент (не былоработа).
- Изменение места, где вызывается исходный код Vue, размещение его в верхней части тела, а затем под содержимым, как по умолчанию (нет).
- (Vueоставаясь в живых, несмотря на его удаление).Полностью удалив ссылку на Vue, чтобы увидеть, вижу ли я кешированную страницу (удивительно! Даже если ссылка на Vue пропала, она по-прежнему гласит: «Готов! Обнаружено Vue 2.5.21»).
- Жесткое обновление в Chrome для полученияизбавление от кеша с удаленными сценариями Vue ... все еще обнаружено Vue.
- Изменение имени файла для получения новой версии без кэширования без обнаружения Vue.(Конец части, где Vue остается живым после удаления, т.е. Undead Vue).
- Сравнение нерабочего скрипта и рабочего скрипта с https://www.diffchecker.com/diff (он показал, что два файла абсолютно одинаковы).
- Копирование рабочего скрипта прямо из документации Vue (как я сделал рабочий файл, и он работал).
- Повторная настройка скрипта Vue (это также заставило его работать).
- Просмотр сломанного скрипта как в Chrome (Версия 70.0.3538.110 (Официальная сборка) (64-битная версия), так и в FirefoxКвант (65.0b4 (64-бит)).Оба все еще не работают.
- (Переключение контекста кодирования с шаблонов Laravel Blade на автономный HTML-файл; не сработало, поэтому это не ошибка Laravel).
- Использование JS Fiddle для созданияуверен, что это не только мой компьютер (это не так; он не работал).
Среда:
- Браузеры, упомянутые выше
- PHP 7.2.11
PHP -S localhost:8001 - Vue 2.5.21
Разбитый файл:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
</head>
<body>
<h1>Home Page</h1>
<div id="rooty">
{{ message }}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var rooty = new Vue({
el: '#rooty',
data: {
message = 'Test!'
}
})
</script>
</body>
</html>
Рабочий файл:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
</head>
<body>
<h1>Home Page</h1>
<div id="rooty">
{{ message }}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var rooty = new Vue({
el: '#rooty',
data: {
message: 'Test!'
}
})
</script>
</body>
</html>
Библиография: