README

Yii 2 + Vue.js 项目模板

这是一个与 Vue.js 集成的 Yii 2 后端作为基础框架的 Vue.js 应用骨架。

模板包含了使用 Vue.js 和 Yii2 的示例，包括启用 CSRF 的 AJAX 请求。

目录结构

  app/                contains all vue.js templates
  assets/             contains assets definition
  commands/           contains console commands (controllers)
  config/             contains application configurations
  controllers/        contains Web controller classes
  mail/               contains view files for e-mails
  models/             contains model classes
  runtime/            contains files generated during runtime
  tests/              contains various tests for the basic application
  vendor/             contains dependent 3rd-party packages
  views/              contains view files for the Web application
  web/                contains the entry script and Web resources

要求

此项目模板的最小要求是您的 Web 服务器支持 PHP 5.4.0，并且您已安装 node.js 和 yarn。

如果您没有安装 Node.js，可以按照以下说明 安装它。

如果您没有安装 Yarn，可以按照以下说明 安装它。

安装

通过 Composer 安装

如果您没有 Composer，可以按照 getcomposer.org 上的说明进行安装。

然后可以使用以下命令安装此项目模板

php composer.phar create-project --prefer-dist --stability=dev developeruz/yii-vue-app basic

现在您应该可以通过以下 URL 访问应用程序，假设 basic 是 Web 根目录下的直接目录。

https:///basic/web/

如果您遇到 babel-loader 的问题，请运行

npm cache clean -f
rm -rf node_modules/ package-lock.json
npm install
yarn dev

配置

请检查 Yii 2 Basic Project Template 的配置部分。

创建 Vue.js 模板

您可以使用控制台命令获取组件的基本 vue.js 模板

php yii make/template --path=app/pages/TestComponent.vue

它将创建一个名为 TestComponent.vue 的文件，内容如下

 <template>
     <div>
 
     </div>
 </template>
 
 <script>
     export default {
         data() {
             return {
             }
         },
         mounted: function () {
 
         },
         methods: {
 
         },
         watch: {
 
         }
     }
 </script>

贡献

欢迎贡献，并将得到充分认可。