Vuejs 基础

来源:互联网 发布:单片机类型 编辑:程序博客网 时间:2024/06/06 11:46
//html<div id="app">    <p>{{msg1}}</p>    <p v-text="msg"></p>    <p v-once>{{msg2}}</p><!--一次性插值,将无法改变-->    <p v-html='msg3'><p><!--msg3将解析成html输出-->    <p>{{'ok'?'yes':'no'}}</p><!--输出yes-->    <p>{{num+1}}</p><!--如果num为3,则输出4-->    <p v-bind:id="'msg'+4"></p><!--如果msg值为msg,则id为msg4-->    <p><a :href="url">链接</a></p><!--可以通过修改app.url的值,:为v-bind:的省略写法-->    <button @click="click">click</button><!--@为v-on:的缩写,绑定点击事件click,'click'可以在data里定义为函数-->    <p v-if='seen'>你能看见我</p><!--如果seen值为true,则标签显示,反之标签不显示--></div>
//jsvar app=new Vue({    el:'#app',    data:{        message:'hello world'    }})//html 与 js message 互相绑定
原创粉丝点击