当前位置:首页 > 资讯 > 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

    震惊

    震惊

编辑推荐
transition 与 v-for 一起用时可以创建渐近过渡。给过渡元素添加一个特性 stagger,enter-stagger 或
指令这节是最难也是最重要的一节,接下来我们来学习一下指令和指令之间是如何通信的。 一、我们要实
1.write write命令通信是一对一的通信,即两个人之间的通信,如上图。 效果图 用法:write <用户
一. 带点的(一般都是ARM GNU伪汇编指令) 1. ".text"、".data"、".bss" 依次表示的是“以下是代码段
说到AngularJS,我们首先想到的大概也就是双向数据绑定和指令系统了,这两者也是AngularJS中最为吸
原作:http://eli.thegreenplace.net/2012/11/24/life-of-an-instruction-in-llvm/ 作者:Eli Bende
先看Modal.vue代码 <template> <div draggable="true" class="modal" v-bind:style="{ 'wi
vueJS的源码解读 vue源码总共包含约一万行代码量(包括注释)特别感谢作者Evan You开放的源代码,访
  include指令   JSP中有三大指令:page,include,taglib,之前已经说过了page的用法。这里介绍
在这篇文章中 angular学习笔记(三十)-指令(10)-require和controller 说到了通过require属性和contro
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号