Vue.js基础知识小结

  {{massage}}

var app = new Vue({
el:"#app",
data:{
message:"Hello,vue.js!"
}

 
{{message}}


var app = new Vue({
el:"#app",
data:{
message:"Hello,vue.js!"
}

    

      

       {{ todo.text }}
      
    

new Vue({
   el:"#app",
   data:{
      todos:[
       {text:"abcdef"},
       {text:"123456"},
       {text:"qwerta"}
    ]  }
})

  
{{ message }}
  Reverse Message

new Vue({
   el: "#app",
   data:{
    message:"Hello Vue.js!"  
   },
   methods:{
    reverseMessage:function()
    {
      this .message = this.message.split('').revserse().join('');
    }
  }
})

 
 

 

  {{ todo.text }}
  X