README

适用于yii2 web应用

安装

安装此扩展的首选方式是通过 composer。

运行以下命令：

php composer.phar require inquid/yii2-vue "*"

或者在您的 composer.json 文件的 require 部分添加：

"inquid/yii2-vue": "*"

使用方法

扩展安装完成后，只需在代码中通过

<?php
use inquid\vue\Vue;
?>
<?php Vue::begin([
    'id' => "vue-app",
    'data' => [
        'userModel' => User::findOne(Yii::$app->user->id),
        'message' => "hello",
        'seen' => false,
        'todos' => [
            ['text' => "aa"],
            ['text' => "akbar"]
        ]
    ],
    'methods' => [
        'reverseMessage' => new yii\web\JsExpression("function(){"
                . "this.message =1; "
                . "}"),
    ]
]); ?>
    
    <p>{{ message }}</p>
    <button v-on:click="reverseMessage">Reverse Message</button>
    
    <p v-if="seen">Now you see me</p>
    
    
    <ol>
        <li v-for="todo in todos">
          {{ todo.text }}
        </li>
    </ol>
    
    <p>{{ message }}</p>
    <input v-model="message">
  
  
<?php Vue::end(); ?>

inquid / yii2-vue

维护者

详细信息

README

安装

使用方法