感兴趣 vue 想用它,但是如何下手? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
rongzedong
V2EX    Vue.js

感兴趣 vue 想用它,但是如何下手?

  •  
  •   rongzedong 2016-03-05 22:22:52 +08:00 8306 次点击
    这是一个创建于 3505 天前的主题,其中的信息可能已经有所发展或是发生改变。
    @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
        1
    rongzedong  
    OP
       2016-03-05 22:43:02 +08:00
    好吧!
    看了半天终于搞懂,需要引入 vue-resource.js 才可以使用这部分功能。

    vue 不用包管理工具 是不是也可以很好的工作?
    rongzedong
        2
    rongzedong  
    OP
       2016-03-05 22:44:34 +08:00
    除了 通过 vue-resource 和后台交流,还有其他方式吗?
    zhoufenfens
        3
    zhoufenfens  
       2016-03-05 22:45:24 +08:00 via Android   1
    可以啊,就是比较原始一点,配合着 webpack 和 es6 ,再用.vue 写逼格很高
    NICE
        4
    NICE  
       2016-03-06 03:03:36 +08:00 via iPhone   1
    楼主可以看看 avalonJS 司徒正美写的 MVVM 框架也有 UI 库,都在持续更新, vue 貌似好久没更新版本了,而且没有兼容 IE 678 的版本,国情你懂的 avalon3 个版本兼容所有低版本浏览器的,只兼容高浏览器的还有移动端的,而且文档也全,我最近再用挺不错的
    CupTools
        5
    CupTools  
       2016-03-06 04:09:21 +08:00 via Android
    Browserify 可以用 npm 模块
    CupTools
        6
    CupTools  
       2016-03-06 04:10:30 +08:00 via Android
    @NICE vue 刚才更新到 1.0.17
    CupTools
        7
    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
        8
    banricho  
       2016-03-06 04:33:52 +08:00 via Android
    Vue 没新版本? excuse me?!

    Vue 本身没有封装 ajax 方法而已,可以自己封装 XHR 或者找个库, jQuery 都行,真的
    learnshare
        9
    learnshare  
       2016-03-06 10:36:54 +08:00
    Angular.js 里内置模块还算充裕
    NemoAlex
        10
    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
        11
    tao1991123  
       2016-03-06 13:16:22 +08:00 via iPhone
    https://segmentfault.com/q/1010000004296954

    这里面讲了 vue 与 ajax 的问题。
    viko16
        12
    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
        13
    geek123  
       2016-05-05 16:53:57 +08:00
    这里有个免费课,你看看:
    http://www.hubwiz.com/course/566e67417e7d40946afc5ddc/
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     4004 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 04:10 PVG 12:10 LAX 21:10 JFK 00:10
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86