todos 组件源码：

@keyup.13="addItem"

placeholder="快写下您要我记住的事吧"

autofocus="true"/>
{{index+1}}.{{todo.value}}

{{todo.created|date}}

import './assets/todos.less'

import moment from 'moment'

import 'moment/locale/zh-cn'

moment.locale('zh-cn')

export default {

name: 'app',

data () {

return {

title: 'vue-todos',

newTodo:'',

todos:[]

}

created(){

if(this.is_initialized){

this.todos = JSON.parse(localStorage.getItem('VUE-TODOS'))

}

computed:{

is_initialized(){

return localStorage.getItem('VUE-TODOS') != null

}

filters:{

date(val){

return moment(val).calendar()

}

methods:{

addItem(){

this.todos.push({

value:this.newTodo,

done:false,

created:Date.now()

});

this.saveToStore();

this.newTodo = ''

delItem(todo){

this.todos = this.todos.filter((x) => x !== todo);

this.saveToStore()

saveToStore(){

localStorage.setItem('VUE-TODOS',JSON.stringify(this.todos))

}

vue2实践揭秘pdf_《Vue2实践揭秘》源码相关推荐

计算机毕业设计ssm计算机学院大学生实践指导系统lk43b系统+程序+源码+lw+远程部署
计算机毕业设计ssm计算机学院大学生实践指导系统lk43b系统+程序+源码+lw+远程部署计算机毕业设计ssm计算机学院大学生实践指导系统lk43b系统+程序+源码+lw+远程部署本源码技术栈: ...
set 有序吗js_2021了，你的vue实践够熟练了吗？源码思维呢？
Vue,React这样的框架可以说是现在前端的必备技能,一个刚入门两三个月的前端都是要会Vue的.但是大家有没有想过一个问题?Vue,React这样的框架已经是基本功,我们凭什么敢说自己有竞争力呢能够 ...
OpenLayers 3实践与原理探究4.1-ol3源码分析-底层基础
因为下面的内容会分模块介绍源码,所以这里为了方便,首先介绍源码的目录结构在OpenLayers 3官网的下载页面下载我们在开发工程中需要的文件(如:v3.17.1.zip),注意如果需要编译源代码, ...
即时通讯软件源码_揭秘一对一直播社交交友源码在网络海洋占有一席之地的主要原因...
作者/布谷惠泽来源/山东布谷鸟网络随着计算机技术的普及和互联网应用的飞速发展,网络通信技术越来越多的介入并影响着人们的日常生活和社交活动,逐渐成为了现在人与人之间沟通的主要方式之一.及时通信软件更 ...
python解释器源码 pdf_《python解释器源码剖析》第0章--python的架构与编译python
本系列是以陈儒先生的<python源码剖析>为学习素材,所总结的笔记.不同的是陈儒先生的<python源码剖析>所剖析的是python2.5,本系列对应的是python3.7. ...
Android应用开发揭秘[高清PDF版+源码]
编辑推荐本书内容全面,不仅详细讲解了Android框架.Android组件等基础知识,而且还深入阐述了传感器.语音识别.桌面组件开发等高级知识,最重要的是还全面介绍了如何利用原生的C/C++(NDK ...
零基础Java学习之初级项目实践（客户信息管理软件-附源码）
项目涉及知识点基础的面向对象编程项目. 类和对象(属性.方法及构造器) 类的封装引用数组数组的插入.删除和替换对象的聚集处理多对象协同工作需求说明总体说明模拟实现基于文本界面的< ...
揭秘ARouter路由机制，源码+原理+手写框架
前言每个程序员都有一个梦想,那就是进一线互联网公司深造,不要跟我说你不想进去,如果给你一个这样的平台,不管是薪资待遇还是接触的高度来说,对我们程序员来说都是一个机会,我以前有一个同事,就是从阿里出来 ...
【Java语言】项目实践：汽车租赁系统（源码）（面向对象方法）
package com.njwbhz.february.week4.part0222.rentalSystem;/*** @author FairyKunKun* @since 2022/2/22*/ ...
【Java语言】项目实践：人机猜拳游戏（源码）（面向对象方法）
package com.njwbhz.part0217.Mora;import java.util.Scanner;public class PersonPlayer {//属性//人类玩家的名字St ...

vue2实践揭秘pdf_《Vue2实践揭秘》源码

{{title}}

vue2实践揭秘pdf_《Vue2实践揭秘》源码相关推荐

最新文章

热门文章