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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 3171 天前的主题，其中的信息可能已经有所发展或是发生改变。

@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 条回复 • 2016-05-05 16:53:57 +08:00

rongzedong

2016-03-05 22:43:02 +08:00

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

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

rongzedong

2016-03-05 22:44:34 +08:00

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

zhoufenfens

2016-03-05 22:45:24 +08:00 via Android

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

NICE

2016-03-06 03:03:36 +08:00 via iPhone

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

CupTools

2016-03-06 04:09:21 +08:00 via Android

Browserify 可以用 npm 模块

CupTools

2016-03-06 04:10:30 +08:00 via Android

@NICE vue 刚才更新到 1.0.17

CupTools

2016-03-06 04:15:13 +08:00 via Android

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

banricho

2016-03-06 04:33:52 +08:00 via Android

Vue 没新版本？ excuse me?!

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

learnshare

2016-03-06 10:36:54 +08:00

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

NemoAlex

2016-03-06 11:00:00 +08:00

可以把变量直接写在页面上，比如
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

2016-03-06 13:16:22 +08:00 via iPhone

https://segmentfault.com/q/1010000004296954

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

viko16

2016-03-07 09:42:30 +08:00

补充一下 #10

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

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

geek123

2016-05-05 16:53:57 +08:00

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