TodoMVC-vue.js的js文件

以下是TodoMVC-vue.js的js文件：

/*global Vue, todoStorage */
(function (exports) {

	'use strict';

	// 定义过滤器
	var filters = {
		all: function (todos) {
			return todos;
		},
		active: function (todos) {
			return todos.filter(function (todo) {
				return !todo.completed;
			});
		},
		completed: function (todos) {
			return todos.filter(function (todo) {
				return todo.completed;
			});
		}
	};

	// TodoMVC 应用程序
	var app = new Vue({

		// 应用程序绑定的根元素
		el: '.todoapp',

		// 应用程序的数据
		data: {
			todos: todoStorage.fetch(),
			newTodo: '',
			editedTodo: null,
			visibility: 'all'
		},

		// 计算属性
		computed: {
			filteredTodos: function () {
				return filters[this.visibility](this.todos);
			},
			remaining: function () {
				return filters.active(this.todos).length;
			},
			allDone: {
				get: function () {
					return this.remaining === 0;
				},
				set: function (value) {
					this.todos.forEach(function (todo) {
						todo.completed = value;
					});
				}
			}
		},

		// 观察者
		watch: {
			todos: {
				deep: true,
				handler: todoStorage.save
			}
		},

		// 方法
		methods: {
			addTodo: function () {
				var value = this.newTodo && this.newTodo.trim();
				if (!value) {
					return;
				}
				this.todos.push({
					title: value,
					completed: false
				});
				this.newTodo = '';
			},
			removeTodo: function (todo) {
				this.todos.splice(this.todos.indexOf(todo), 1);
			},
			editTodo: function (todo) {
				this.beforeEditCache = todo.title;
				this.editedTodo = todo;
			},
			doneEdit: function (todo) {
				if (!this.editedTodo) {
					return;
				}
				this.editedTodo = null;
				todo.title = todo.title.trim();
				if (!todo.title) {
					this.removeTodo(todo);
				}
			},
			cancelEdit: function (todo) {
				this.editedTodo = null;
				todo.title = this.beforeEditCache;
			},
			removeCompleted: function () {
				this.todos = filters.active(this.todos);
			}
		},

		// 自定义指令
		directives: {
			'todo-focus': function (el, binding) {
				if (binding.value) {
					el.focus();
				}
			}
		}
	});

	// 应用程序启动后，将输入框聚焦
	app.$nextTick(function () {
		app.newTodo = '';
	});

	exports.app = app;

})(window);

这是一个使用了Vue.js框架的TodoMVC应用程序的JavaScript文件。其中定义了一些过滤器、计算属性、观察者、方法和自定义指令，用于实现TodoMVC应用程序的各种功能，比如添加、删除、编辑、筛选和保存待办事项等。