vue和php混用,在PHP中，使用Vue.js的教程

在本教程中，您将学习如何在PHP Web项目中使用Vue.js。

前提条件

在项目中使用PHP和Vue.js需要具备一些先决条件。

显然，你需要在本地开发机器上安装PHP。如果你没有安装PHP，请访问官方网站了解更多关于安装过程的信息，你也可以按照系统的官方文档使用系统包管理器安装PHP

你需要具备PHP和JavaScript的基本工作知识

正在创建项目的PHP/Vue.js文件夹

在本教程中，将不使用CLI程序生成项目，因此你必须为项目手动创建目录结构，转到终端，并创建以下文件夹：$ mkdir php-vuejs-project

接下来，导航它内部，并创建一个js文件夹：$ cd php-vuejs-project

$ mkdir js

Vue.js

Vue.js文档显示了在您的项目中获取和包含Vue.js的不同方法，例如:

使用Vue CLI，

使用

首先，从以下位置获取Vue.js库：vuejs.org/js/vue.js并将它复制到项目的js/文件夹中(确保首先创建一个)，

添加主页

在项目的根目录中，使用以下命令创建一个index.php文件：$ touch index.php

使用代码编辑器打开index.php文件，并添加以下初始内容：

Vue.js in PHP

vue和php混用,在PHP中，使用Vue.js的教程相关推荐

vue引入外部文件_vue文件中引入外部js
1.在项目的入口文件中(app.js)定义remoteScript标签 Vue.component('remote-script', { render: function (createElement ...
如何在 Windows 10 中搭建 Node.js 环境？
2019独角兽企业重金招聘Python工程师标准>>> [编者按]本文作者为 Szabolcs Kurdi,主要通过生动的实例介绍如何在 Windows 10 中搭建 Node.js ...
如何在require中使用VUE
现在网上抄的沸沸扬扬的VUE看来是个很NB的东西啊,看了一下,确实相对于angular1来说简化了不少东西,性能方面也比angular1要好很多,所以现在用的人越来越多了,于是作为前端,学习一下新东西 ...
vue之mapMutaions的使用 vuex中 action 用法示例 api.js的使用
vue之mapMutations的使用我们通过Mutation来改变store中的state,方法往往是在子组件中使用 this.$store.commit(); 来实现,但是这样的缺点是不容易查看 ...
在vscode中统一vue编码风格的方法
vetur 很多人知道,但在 vscode 下没办法格式化 .vue 里的 html, js 很是头疼,代码风格无法统一. 所以不少人直接拆分开,然后在 .vue 中引入,虽然方法很好,但这有违 .v ...
.vue文件_在idea中创建vue文件
如何让idea支持.vue文件_WinterBluestar的博客-CSDN博客_idea中怎么样.vue文件夹blog.csdn.net
webpack项目中使用vue
webpack项目中使用vue 第一步:运行 npm i vue –S 安装vue 第二步:在src->index.js入口文件中,通过 import Vue from 'vue' 来导入vue ...
用 TS + Vue 写了一个在 Chrome 中运行 Prettier 格式化的扩展程序
在介绍 prettier-chrome 之前请允许我先介绍一下什么是 Prettier 如果你已经知道这是什么了并且已经会配置了,那么你可以直接跳到 prettier-chrome 的介绍什么是 P ...
Node.js webpack中导入vue的三种方法
在webpack 中使用 Vue: 安装 vue 模块 npm i vue -S 注意: 在 webpack 中, 使用 import Vue from 'vue' 导入的 Vue 构造函数,功能不完 ...

vue和php混用,在PHP中，使用Vue.js的教程

vue和php混用,在PHP中，使用Vue.js的教程相关推荐

最新文章

热门文章