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

V2EX = way to explore

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

现在注册

已注册用户请登录

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

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

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

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

不会用markdown... XD

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

5 条回复 • 2016-04-25 10:54:37 +08:00

SourceMan

2016-04-22 19:20:00 +08:00 via iPhone

props

NemoAlex

2016-04-22 19:21:17 +08:00 via iPhone

问题描述得不清楚。既然是 vue 文件，那么应该是用 webpack 之类的打包吧？这样的应用怎么还要服务器端生成 html ？
如果只是变量传递，使用 binding 的方式 :url ，然后在组件里 props 定义一下，就可以用了。

airyland

2016-04-22 21:25:55 +08:00

看文档的组件部分

chairuosen

2016-04-22 21:51:03 +08:00

props 定义，作为实例属性就能获取

nayuxuohz

2016-04-25 10:54:37 +08:00

@NemoAlex 用的 browserify 打包，不是服务端生成 html ，是有个参数要通过后台写到页面上，如 html 里有<app url="/"></app>， vue 文件则是打包，现在解决了，在 attached 事件中 this.url 就是，这里有些奇耙