美文网首页
Vue学习总结step1

Vue学习总结step1

作者: 吴高亮 | 来源:发表于2017-04-11 10:49 被阅读0次

    1:Mustache

    不能在HTML属性中私用,应使用v-bind指令;
    <div v-bind:id="dynamicId"></div> <button v-bind:disabled="someDynamicCondition"></button>

    2:在mustache语法中使用JavaScript表达式支持;

        例如:
        {{number+1}};
        {{oK?'YES':'no'}}
        {{message.split('').reverse().jion('')}}
        <div v-bind:id="list-"+id></div>
        这些表达式会在所属的Vue实例的数据作用域下作为Javascript被解析;
        有个限制就是,每个绑定都只能包含单个表达式,
        所以下面的例子都不会生效;
        {{var a=1}}
        {{if(ok)}}

    相关文章

      网友评论

          本文标题:Vue学习总结step1

          本文链接:https://www.haomeiwen.com/subject/eqyyattx.html