V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
nayuxuohz
V2EX  ›  前端开发

vue.js 如何获取自定义 component 上的属性值?

  •  1
     
  •   nayuxuohz · 2016-04-22 18:54:21 +08:00 · 10424 次点击
    这是一个创建于 3172 天前的主题,其中的信息可能已经有所发展或是发生改变。

    <sbx url="/"></sbx>

    如上面 sbx 的 url 属性,只是单纯字符,页面上由后台写入

    sbx是独立的vue文件,所以后台变量不能写在里面

    var Sbx = Vue.extend({ ... });

    不会用markdown... XD

    那如何在实例中获取到呢?

    5 条回复    2016-04-25 10:54:37 +08:00
    SourceMan
        1
    SourceMan  
       2016-04-22 19:20:00 +08:00 via iPhone
    props
    NemoAlex
        2
    NemoAlex  
       2016-04-22 19:21:17 +08:00 via iPhone
    问题描述得不清楚。既然是 vue 文件,那么应该是用 webpack 之类的打包吧?这样的应用怎么还要服务器端生成 html ?
    如果只是变量传递,使用 binding 的方式 :url ,然后在组件里 props 定义一下,就可以用了。
    airyland
        3
    airyland  
       2016-04-22 21:25:55 +08:00
    看文档的组件部分
    chairuosen
        4
    chairuosen  
       2016-04-22 21:51:03 +08:00
    props 定义,作为实例属性就能获取
    nayuxuohz
        5
    nayuxuohz  
    OP
       2016-04-25 10:54:37 +08:00
    @NemoAlex 用的 browserify 打包,不是服务端生成 html , 是有个参数要通过后台写到页面上,如 html 里有<app url="/"></app>, vue 文件则是打包,现在解决了,在 attached 事件中 this.url 就是,这里有些奇耙
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1027 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 19:33 · PVG 03:33 · LAX 11:33 · JFK 14:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.