V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
rongzedong
V2EX  ›  Vue.js

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

  •  
  •   rongzedong · 2016-03-05 22:22:52 +08:00 · 7918 次点击
    这是一个创建于 3182 天前的主题,其中的信息可能已经有所发展或是发生改变。
    @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   ·   实用小工具   ·   3020 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 13:04 · PVG 21:04 · LAX 05:04 · JFK 08:04
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.