当前位置:首页 > 资讯 > info5 > 正文

vue中的指令

发表于: 2016-04-22   作者:u013742084   来源:转载   浏览:
摘要: 例     {{newTodo}}       {{todo.text}}   delete    hello在js代码中赋值:    vardemo=newVue({  el:'#app',  data:{  newTodo:'',  todos:[       {text:'appappapp'}  ],  greeting:true  },  methods:{  addTodo:funct

         <p>{{newTodo}}</p>
 <input v-model="newTodo" v-on:keyup.enter="addTodo">
 <ul>
   <li v-for="todo in todos">
     <span>{{ todo.text }}</span>
     <button v-on:click="removeTodo($index)">delete</button>
   </li>
 </ul>
 <p v-if="greeting">hello</p>

在js代码中赋值:

      var demo = new Vue({
    el : '#app',
    data : {
    newTodo:'',
    todos : [
              { text:'app app app' }
    ],
    greeting:true
    },
    methods : {
    addTodo : function() {
    var text = this.newTodo.trim();
    if(text) {
    this.todos.push({text:text});
    this.newTodo = ''
    }
    },
            removeTodo : function(index) {
            this.todos.splice(index,1);
            }
    }

vue中的指令

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号