vue写的简单版todolist

上一张丑图：

项目演示地址：http://47.75.195.199/todolist/
源码地址：https://github.com/chunsenye/...

<template><div><label >今天要做什么</label><input type="text" v-model="text"><input type="button" value="提交" @click="submit"><ul><li v-for="(item,index) in todolist" :key="index">{{index+1}}.{{item}}<input type="button" value='X' @click="deleteT(index)" :key="index">  </li></ul></div></template><script>
export default {name: "HelloWorld",data() {return {msg: "Welcome to Your Vue.js App",todolist: ["code to die", "never mind", "say goodbye"],text:''};},methods: {submit() {this.todolist.push(this.text);this.text='';},deleteT(index) {this.todolist.splice(index,1);}}
};
</script><!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1,
h2 {font-weight: normal;
}
ul li {padding: 10px;font-size: 26px;list-style: none;
}a {color: #42b983;
}
</style>

vue写的简单版todolist相关推荐

【JS】Vue.js实现简单的ToDoList（一）——前期准备
一.前言最近开始学习轻量级的mvvm框架Vue.js.就中文文档来说,算是很齐全了.之前本来在学习1.0版本,某日突然打开官网发现已更新为2.0.便把之后的都改为了2.0的语法.ps:如果恰好你是V ...
用JAVA写一个简单版的记事本
下面的代码是一个简单版的记事本.如果需要更多的功能,可以自己去摸索一下更多的功能. import java.awt.FlowLayout; import java.awt.event.ActionEv ...
动手写一个简单版的谷歌TPU
https://www.toutiao.com/a6701092937394029064/ 谷歌TPU是一个设计良好的矩阵计算加速单元,可以很好的加速神经网络的计算.本系列文章将利用公开的TPU V1 ...
手写实现简单版IOC
概述 IOC (Inversion of Control) 控制反转,大家应该都比较熟悉了.应该也都有用过,这里就不具体介绍了.自己平时也有用到过IOC,但是对它的具体实现原理只有一个模糊的概念,所以 ...
用Vue写一个简单好看的菜单组件（Vue实战系列）
一.需求实现一个左边栏菜单,菜单只包括两层: 点击出现水波纹效果: 激活效果:有一个绿球小点,标识激活的菜单,顶层菜单被激活时左边出现浅色激活标志: 二.实现新建一个菜单组件whrmenu pro ...
python如何连接创建我的世界_快来用Python写一个简单版《我的世界》
以下文章来源于Python实用宝典 ,作者Ckend来自公众号:Python实用宝典 <我的世界 Minecraft>大家应该都听说过,但你有没有想过自己写一个这样的游戏呢?太难.太复杂了 ...
【高等数学】简单版下篇
[高等数学]简单版下篇前言简单梳理一下高等数学的例题,从问题出发,加深对知识的理解.分为上篇.中篇.下篇.最终篇. 上篇的内容是极限.导数.函数的作图.中值定理: 中篇的内容是积分的内容: 下篇是 ...
尤大：怎么还生啃源码呢？我这就亲手给你写个丐版Vue
前言很多时候我们都对源码展现出了一定的渴求,但当被问到究竟为什么想看源码时,答案无非也就那么几种: 为了面试为了在简历上写自己会源码了解底层原理学习高手思路通过源码来学习一些小技巧(骚操作) ...
Vue版todolist案例
Vue版todolist案例 todolist – 记录你的待办事项 <!DOCTYPE html> <html><head><meta charset=&q ...

vue写的简单版todolist

vue写的简单版todolist相关推荐

最新文章

热门文章