参数(Arguments)
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
[[Vue]]
&color(red){※前提条件：本情報はVue 2.0を基づいて説明して...
#contents
一些指令能够接收一个“参数”，在指令名称之后以 : 表示。例如...
#codeprettify{{
<a v-bind:href="url"> ... </a>
<div v-bind:class="activeClass?'myclass':''" v-bind:style...
}}
#codeprettify{{
<script>
new Vue({
el:"#box",
data:{
activeClass:false,
activeStyle:false,
url:'http://www.baidu.com'
}
})
</script>
}}
这里 href 是参数，告知 v-bind 指令将元素的 href 属性与表...
另一个示例是 v-on 指令，用于监听 DOM 事件：
#codeprettify{{
<a v-on:click="doSomething"> ... </a>
<button v-on:mouseover="overColor" v-on:mouseout="outColo...
}}
#codeprettify{{
<script>
new Vue({
el:"#box",
data:{
message:"hello,vue",
color:'color:blue;'
},
methods:{
reverseMessage:function(){
this.message=this.message.split('').rever...
},
overColor:function(){
this.color="color:green";
},
outColor:function(){
this.color="color:blue";
}
}
})
</script>
}}
这里，参数是要监听事件的名称。稍后我们会详细地讨论事件处...
#hr();
コメント：
#comment_kcaptcha
終了行:
[[Vue]]
&color(red){※前提条件：本情報はVue 2.0を基づいて説明して...
#contents
一些指令能够接收一个“参数”，在指令名称之后以 : 表示。例如...
#codeprettify{{
<a v-bind:href="url"> ... </a>
<div v-bind:class="activeClass?'myclass':''" v-bind:style...
}}
#codeprettify{{
<script>
new Vue({
el:"#box",
data:{
activeClass:false,
activeStyle:false,
url:'http://www.baidu.com'
}
})
</script>
}}
这里 href 是参数，告知 v-bind 指令将元素的 href 属性与表...
另一个示例是 v-on 指令，用于监听 DOM 事件：
#codeprettify{{
<a v-on:click="doSomething"> ... </a>
<button v-on:mouseover="overColor" v-on:mouseout="outColo...
}}
#codeprettify{{
<script>
new Vue({
el:"#box",
data:{
message:"hello,vue",
color:'color:blue;'
},
methods:{
reverseMessage:function(){
this.message=this.message.split('').rever...
},
overColor:function(){
this.color="color:green";
},
outColor:function(){
this.color="color:blue";
}
}
})
</script>
}}
这里，参数是要监听事件的名称。稍后我们会详细地讨论事件处...
#hr();
コメント：
#comment_kcaptcha
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
