感兴趣 vue 想用它，但是如何下手？

› Vue.js

This topic created in 3768 days ago, the information mentioned may be changed or developed.

@yyx990803 以前都是 jquery html css 做前端，然后 post 或者 ajax 到后台的 php 来处理

感觉 vue 看起来很美，却无从下手

生产环境只能是后台 php

vue 怎么和 php 交互呢

看了半天也没搞明白 vue 的 Vue.http.get 和 post 问题（ Vue.js 开发板不包含这个吗？提示 Uncaught TypeError: Cannot read property 'get' of undefined ）

13 replies • 2016-05-05 16:53:57 +08:00

rongzedong

Mar 5, 2016

好吧！
看了半天终于搞懂，需要引入 vue-resource.js 才可以使用这部分功能。

vue 不用包管理工具是不是也可以很好的工作？

rongzedong

Mar 5, 2016

除了通过 vue-resource 和后台交流，还有其他方式吗？

zhoufenfens

Mar 5, 2016 via Android

可以啊，就是比较原始一点，配合着 webpack 和 es6 ，再用.vue 写逼格很高

NICE

Mar 6, 2016 via iPhone

楼主可以看看 avalonJS 司徒正美写的 MVVM 框架也有 UI 库，都在持续更新， vue 貌似好久没更新版本了，而且没有兼容 IE 678 的版本，国情你懂的 avalon3 个版本兼容所有低版本浏览器的，只兼容高浏览器的还有移动端的，而且文档也全，我最近再用挺不错的

CupTools

Mar 6, 2016 via Android

Browserify 可以用 npm 模块

CupTools

Mar 6, 2016 via Android

@NICE vue 刚才更新到 1.0.17

CupTools

Mar 6, 2016 via Android

AvalonJS 手机看真心感人
https://sx.vm.management/shared/file/8e23b9f23c09f7a8e87fc330c26cfc8b30a491e1/Screenshot_2016-03-05-12-16-10.png

banricho

Mar 6, 2016 via Android

Vue 没新版本？ excuse me?!

Vue 本身没有封装 ajax 方法而已，可以自己封装 XHR 或者找个库， jQuery 都行，真的😂

learnshare

Mar 6, 2016

Angular.js 里内置模块还算充裕

NemoAlex

Mar 6, 2016

可以把变量直接写在页面上，比如
var vue = new Vue({ data: {value: '<?php ... ?>'} }) 这样。
变量多，结构复杂的话也可以把后端对象转成 JSON 写在页面上，不过要注意安全，避免被用户产生的内容注入脚本。
总的来说不是很好。
还是建议以 Ajax 的去获取数据。
现在除了 vue-resource 以外，还可以用 Fetch 方法。这里有向下兼容的解决方案： https://github.com/github/fetch
甚至，你可以把 jQuery 引进来用。因为 Vue 本身不大，再加个 jQuery 也还可以接受。你看那么多 Angular.js 的人还不是得用 jQuery 。这样的好处是可以用很多第三方现成的东西。只要记住自己不去修改 DOM 就好了。

tao1991123

Mar 6, 2016 via iPhone

https://segmentfault.com/q/1010000004296954

这里面讲了 vue 与 ajax 的问题。

viko16

Mar 7, 2016

补充一下 #10

如果不想这样 php js 混排，也可以只用 php 输出数据暴露到全局 window._XXX_ = "<?= json_encode($xxx) ?>";

然后就可以分离 js 了， var vue = new Vue({ data: window._XXX_ })

geek123

May 5, 2016

这里有个免费课，你看看：
http://www.hubwiz.com/course/566e67417e7d40946afc5ddc/