距离开始学Vue已经过去一个多月了,总想把学到的东西柔和在一起,做点东西出来,于是有了这个Todolist小应用. 使用vuex 纯粹基础,没有用到web pack,vuex,npm,下次把它改造一下. 几天之后... 改造已完成,在这个仓库的todolist-vuex分支下面,现在你可以通过几个npm命令,然后看localhost:8080端口来查看应用了,蜜汁微笑:) 主要改变是通过单文件组件把应用的各组件的<template>,<script>,<style>放在…

Vue编写的todolist小例子 本篇博客主要包含一个内容: 1.第一个内容:使用Vue编写todolist例子,包含的主要知识是v-model,v-for,el表达式,以及Vue中使用methods. 闲话少叙,直奔主题. 1.第一个内容 使用input中的v-model绑定data中的inputValue,然后button的点击事件handleSubmit将inputValue放入list数组中,v-for使item在list中循环,{{item}}为el表达式,将item的值循环显示出来…

Vue + WebApi 小项目:构造自己的在线 Markdown 笔记本应用 目录 概要 知识点 完整示例图 代码与资源文件 流程步骤 概要 基于 MVP 最小可行性产品设计理念,我们先完成一个可以使用,并具备基本功能的 Markdown 笔记本应用,再进行逐步完善. 知识点 本文会指导初学者如何一步步运用 Vue 的计算属性.双向绑定.指令.生命周期钩子,还有 localStorage 和异步请求等知识点. 完整示例图     代码与资源文件 https://github.com/liqin…

Vue之小入门 <div id="app">{{ greeting }}</div> <script> let oDiv = document.getElementById('app'); oDiv.innerText = 'Hello World'; </script> 代码执行结果: 使用Vue实现上个实例的功能: <script src='./static/vue.min.js'></script> <…

准备工作 腾讯云服务器(Ubuntu),C++编程语言 由于想输出界面中包含中文,所以安装库 libncursesw5,依次输入下面三行命令 sudo apt-get install libncursesw5 sudo apt-get install libncursesw5-dbg sudo apt-get install libncursesw5-dev 编译用如下命令 g++ main.cpp -l ncursesw ToDoList小工具开发 思路 由于一开始想的就比较多,想做一个工具箱…

这个vue项目是紧跟着之前的项目跟我一起做一个vue的小项目(一)来的. 我继续后面的开发(写的比较粗糙,边学边记录) 下图是header头部的样式 header组件内容如下 //header.vue <template> <div class="header"> <div class="header-left">返回</div> <div class="header-input">输入…

第一次写博客,都不知道改怎么写的好. 本着一颗学习的心,也希望一段时间后再回来在看看自己写的代码,会不会让自己有种不忍直视的念头 *-* 还是先上图吧~ 这是首页,主要是展示所有的列表页面,可以通过输入框进行模糊查询 代码如下: <template> <div class="list"> <h2><span class="title">TODO</span>列表</h2> <div cla…

参考链接: http://www.imooc.com/learn/694 http://www.cnblogs.com/Chen-XiaoJun/p/6238137.html http://blog.csdn.net/sinat_17775997/article/details/52536010 ES6的写法: export default { name: 'hello', data () { return { msg: 'Welcome to Your Vue.js App' } } } ex…

  基于Vue的日历小功能,可根据实际开发情况按每年.每月.每周.进行切换 <template> <div class="date"> <!-- 年份 月份 --> <div class="month"> <p>{{ currentYear }}年{{ currentMonth }}月</p> </div> <!-- 星期 --> <ul class="w…

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统; 指令带有前缀 v-,以表示它们是 Vue 提供的特殊特性; v-for 指令可以绑定数组的数据来渲染一个项目列表; 为了让用户和你的应用进行交互,我们可以用 v-on 指令添加一个事件监听器,通过它调用在 Vue 实例中定义的方法; Vue 还提供了 v-model 指令,它能轻松实现表单输入和应用状态之间的双向绑定. 可以使用 v-bind 指令将待办项传到循环输出的每个组件中; 一个 Vue 应用由一个…