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>

贡献

贡献是欢迎的，并将得到完全的认可。