vue.js 2.0开发-白红宇

vue.js 2.0开发

阅读量：6913 次

发布时间：2019-06-27

本文共 857 字，大约阅读时间需要 2 分钟。

创建一个工程文件：

css中引用的是bootstrap的css，js中就是vue，index页面：

    
         vue2.0    
         
         
              
                   
                        
                             
          
           welcome Vue 2.0
          
                    
           
            
           { {message}}
 
            
             { {todo.title}}

这里的v-on:submit.prevent="addtodo(newTodo)"(这里的prevent是用来阻止form的默认提交行为，否则点击btn会有一个提交行为报错),methods里面定义一些方法。

input输入框一定绑定newTodo，这里不加this.newTodo = {id:null,title:""}的时候我点击按钮多次添加的是同样的内容，并且再次改变input的时候所有之前添加的都会改变，这是什么情况？不是已经添加到todos里了么，希望有朋友点拨一下。

v-for里面要把index参数传递进去。

arrayObject.splice(index,howmany,item1,.....,itemX)

参数	描述
index	必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置
howmany	必需。要删除的项目数量。如果设置为 0，则不会删除项目
item1, ..., itemX	可选。向数组添加的新项目

转载于:https://www.cnblogs.com/longsiyuan/p/6097879.html

你可能感兴趣的文章