<div id="box">
<p>{{mag}}</p>
<button v-on:click="alt">按钮</button>
</div>
<script src="js/vue.js"></script>
<script>
new Vue({
el:"#box",
data:{
mag:'hello word',
flag:true
},
methods:{
alt:function(){
if(this.flag){
this.mag='hello word'
this.flag=false
}else{
this.mag='hello vue'
this.flag=true
}
}
}
})
</script>
2018-09-19Vue切换
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 深入响应式 追踪变化: 把普通js对象传给Vue实例的data选项,Vue将使用Object.defineProp...
- 不知道是不是受到了月亮之月的引动,最近的这些日子一直围绕着自己的阴影面工作。 很早以前,我就活在月亮的另一面,看着...