vue.js-function

20171228

by YiruAtStudio

HTML

<div id="app">
  <!--兩個按鈕效果都一樣-->
  <button v-on:click="fn()">呼叫fn</button><br>
  <!--@為縮寫方式-->
  <button @click="fn()">呼叫fn</button><br>
  {{msg}}
    

</div>

JavaScript

var vm = new Vue({
    el: '#app',
    data: {
        msg: "hihi"
    },
    methods:{
    	  fn:function(){
        	if(this.msg=="hihi"){
        		this.msg="hello";
          }else{
          	this.msg="hihi";
          }
        }
    }
});