### [PHPCMS能用Vue开发吗？](https://www.prosaas.cn/article/2055)

**Published:** 2020-06-20T09:24:44

**Author:** 5201314

**Excerpt:** PHPCMS能用Vue开发吗？PHPCMS能用Vue开发，只需在PHPCMS模板中引入vue.js，就可以使用…

![](//zhiqipro.oss-cn-beijing.aliyuncs.com/2023/12/20231212120547375.jpg)

**PHPCMS能用Vue开发吗？**

PHPCMS能用Vue开发，只需在PHPCMS模板中引入vue.js，就可以使用Vue进行开发，Vue是一套用于构建用户界面的渐进式JavaScript框架，该框架目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。

**Vue 特点**

易用

在有HTML CSS JavaScript的基础上，快速上手。

灵活

简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。

性能

20kb min+gzip 运行大小、超快虚拟 DOM 、最省心的优化。

**Vue 目录结构**

<div class="joplin-table-wrapper"><table><tbody><tr class="firstRow"><th>目录/文件</th><th>说明</th></tr><tr><td>build</td><td>项目构建(webpack)相关代码</td></tr><tr><td>config</td><td>配置目录，包括端口号等。我们初学可以使用默认的。</td></tr><tr><td>node_modules</td><td>npm 加载的项目依赖模块</td></tr><tr><td>src</td><td>包含了几个目录及文件：<ul class="custom_dot list-paddingleft-1"><li class="list-dot list-dot-paddingleft">assets: 放置一些图片，如logo等。</li><li class="list-dot list-dot-paddingleft">components: 目录里面放了一个组件文件，可以不用。</li><li class="list-dot list-dot-paddingleft">App.vue: 项目入口文件，我们也可以直接将组件写这里，而不使用 components 目录。</li><li class="list-dot list-dot-paddingleft">main.js: 项目的核心文件。</li></ul></td></tr><tr><td>static</td><td>静态资源目录，如图片、字体等。</td></tr><tr><td>test</td><td>初始测试目录，可删除</td></tr><tr><td>.xxxx文件</td><td>这些是一些配置文件，包括语法配置，git配置等。</td></tr><tr><td>index.html</td><td>首页入口文件，你可以添加一些 meta 信息或统计代码啥的。</td></tr><tr><td>package.json</td><td>项目配置文件。</td></tr><tr><td>README.md</td><td>项目的说明文档，markdown 格式</td></tr></tbody></table></div>

推荐教程：《PHPCMS教程》

以上就是PHPCMS能用Vue开发吗？的详细内容，更多请关注知企PROSAAS其它相关文章！

**Tags:** css, dom, git, html, JavaScript, JS, json, PHPCMS, Static, vue.js

**Categories:** PHPCMS

---