Download the PHP package lars-t/yii2-vuejs-frontend without Composer

Yii2 Vuejs Frontend

Yii2 Vuejs frontend. No more need for pjax and faster rendering.

Installation

The preferred way to install this extension is through composer.

Either run

or add

to the require section of your composer.json file.

Usage

Once the extension is installed, simply use it in your code by :

Extend your ActiveRecord class

Inserting Vue-widget around your forms

Set the fieldclass in your form

and let Vue know to use the submithandler within your form

VeeValidate will be used by default. To disable VeeValidate, set in the inputOptions of your field: 'veeValidate' => false. Set enableClientValidation to false in your form, to disable jquery clientvalidation. All yii2-validators are converted automagically to v-validate if possible (still some work todo here).

example yii form

In your controller

example yii gridview

In your controller for grid

if (Yii::$app->request->isVuejs) {
            $response = Yii::$app->response;
            $response->format = \yii\web\Response::FORMAT_JSON;
            return [
                'model' => $dataProvider->getVueModels(), // javascript object for model
                'flashes' => Yii::$app->session->getAllFlashes(), // pass flashes to toastr

            ];
}