possibly silly request

[mark-hahn]

I don't like mustache bindings. I think they are noisy and hurt readability. I have managed to avoid them in my Vue app except for one place. That is where the component can be dynamically bound.

    <div id='page-comp' v-component='{{curPage}}' keepAlive>

Is there any logical way to remove the need for this? I would only suggest this if the change made things more orthogonal/consistent overall.

Maybe an argument, like ...

    <div id='page-comp' v-component='select: curPage' keepAlive>

[young-steveo]

@mark-hahn Not sure if this helps, but you can always change the delimiters to something you prefer. e.g.

Vue.config.delimiters = ['(%', '%)'];

[yyx990803]

Hmm, I think in 0.12 you'll see more of them because in 0.12 there's no more v-with and you'd have to pass in dynamic props as prop="{{something}}". The dynamic component syntax, although different, still needs to mustaches too: <component is="{{something}}"></component>.

I think these tags are somewhat necessary when an attribute does not start with v-, since otherwise we have no way to tell if it is data-bound or just a plain string attribute.

[mark-hahn]

Thanks for the tip on replacing the mustaches.

necessary when an attribute does not start with v-

Well, that's another request of mine. I wish all Vue components used v-.

On Mon, Jun 8, 2015 at 2:37 PM, Evan You notifications@github.com wrote:

Hmm, I think in 0.12 you'll see more of them because in 0.12 there's no
more v-with and you'd have to pass in dynamic props as
prop="{{something}}". The dynamic component syntax, although different,
still needs to mustaches too: .

I think these tags are somewhat necessary when an attribute does not start
with v-, since otherwise we have no way to tell if it is data-bound or
just a plain string attribute.

—
Reply to this email directly or view it on GitHub
https://github.com/yyx990803/vue/issues/915#issuecomment-110148589.

[mark-hahn]

I've chosen something much less noisy ...

v-component=".`curPage`."> .`text`.

[mark-hahn]

BTW, if I don't use mustaches will I have a problem including modules that do use them?

[yyx990803]

Hmm the interpolation config is global, so there might be issues if you use a third-party component with template. I should probably add a component-level option for delimiters too.

[mark-hahn]

I should probably add a component-level option for delimiters too.

That would be cool. It seems to me that a global one is useless and should
be deprecated. I think modules are an important issue. Is there any other
global like this? In general, globals suck. :-)

On Mon, Jun 8, 2015 at 4:10 PM, Evan You notifications@github.com wrote:

Hmm the interpolation config is global, so there might be issues if you
use a third-party component with template. I should probably add a
component-level option for delimiters too.

—
Reply to this email directly or view it on GitHub
https://github.com/yyx990803/vue/issues/915#issuecomment-110168237.