// Описание

Vue.js - это полезная библиотека Javascript, которая позволяет писать тесно связанные шаблоны с логикой JS на основе компонентов. Node.js встроен с простой поддержкой ES6. Vue.js упрощает создание итеративных веб-сайтов. jQuery - действующий чемпион интерактивного Интернета, правивший примерно с 2006–2012 гг. В этой статье показано, как они работают вместе.

// Как мы будем демонстрировать?

Мы собираемся создать новый стартовый проект Vue.js, а затем использовать плагин jQuery для создания веб-сайта.

// Создаем новый проект

Vue.js - это новый фреймворк Javascript. Это никогда не спасет вас от плохого кода. Плагины jQuery многочисленны и выполняют некоторые полезные функции, хотя многие из них больше не поддерживаются, так что будьте здесь осторожны. Одна приятная вещь, которую предлагает Vue, - это то, что он использует package.json файл, как нормальный человек. Установите инструменты командной строки и сгенерируйте новый статический веб-сайт Vue.js с помощью старого доброго Webpack node_modules, как в старые добрые времена.

$ npm install -g vue-cli
$ vue init webpack-simple my-project
$ cd my-project
$ npm install
$ npm run dev

Остальное в этом уроке:

Компонент Vue:

<date-range-picker @apply="onDateChange"></date-range-picker>

Код JavaScript Vue.js:

mounted: function () {     
  this.$nextTick(() => {            
    window.$(this.$el).daterangepicker();     
  });
}

а также

so

много

более

код

здесь



Узнайте, как написать компонент-оболочку Vue JS
Компонент-оболочка Vue - это метод, используемый для интеграции стороннего плагина с Vue путем его обертывания в пользовательский Vue… laravel-news.com



# vue.js