Хобрук: Ваш путь к мастерству в программировании

Использование Vue JS с Require JS?

Я установил следующее через Bower:

  • jQuery 3.1.0
  • Вью 1.0.26
  • Требовать.js 2.2.0

Но когда я загружаю свой сайт, «Vue» не определен.

Я пробовал var vue = require('Vue') и прочее, но, похоже, это не работает.

Vue говорит, что это модуль AMD, как и Require.js... Что мне не хватает?

11.07.2016

  • Вам не хватает Require.js :) 11.07.2016
  • var vue = require('Vue') - это не синтаксис Require.js - это синтаксис CommonJS, который используется nodejs на стороне сервера или инструментами сборки, такими как browserify или webpack, на стороне клиента. Вы должны прочитать о том, как на самом деле работают модули requirejs и AMD, и является ли это тем, что вам нужно/нужно. 11.07.2016

Ответы:


1

var vue = require('Vue') сам по себе не работает. Или вы:

  1. Измените его на форму require, которая принимает обратный вызов:

    require(['Vue'], function (vue) {
      // code that uses Vue
    });
    
  2. Или поместите свой require вызов в define вызов:

    define(function (require) {
      var vue = require('Vue');
    });
    

Как указал Линус Борг, require с одной строкой является синтаксисом CommonJS. , который RequireJS поддерживает, только если он появляется в обратных вызовах, переданных в define. (См. это.)

11.07.2016
Новые материалы

Деревья классификации и регрессии
Это мой второй пост об алгоритмах машинного обучения. Мой первый пост посвящен искусственным нейронным сетям, вы можете найти его ниже. Нейронные сети — базовое..

HMTL - Многозадачное обучение для решения задач НЛП
Достижение результатов SOTA путем передачи знаний между задачами Область обработки естественного языка включает в себя десятки задач, среди которых машинный перевод, распознавание именованных..

Решения DBA Metrix
DBA Metrix Solutions предоставляет удаленного администратора базы данных (DBA), который несет ответственность за внедрение, обслуживание, настройку, восстановление базы данных, а также другие..

Начало работы с Блум
Обзор и Codelab для генерации текста с помощью Bloom Оглавление Что такое Блум? Некоторые предостережения Настройка среды Скачивание предварительно обученного токенизатора и модели..

Создание кнопочного меню с использованием HTML, CSS и JavaScript
Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..

Внедрите OAuth в свои веб-приложения для повышения безопасности
OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..

Классы в JavaScript
class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..