React 函数组件
[React] 函数组件 创建一个函数组件 123456789const Hello = (props) => { return <div>{props.message}</div>}const Hello = props => <div>{props.message}</div&g
发财账簿 V1.0 开发日志
[发财账簿] V1.0 开发日志 前言 简单的记录一下在发财账簿开发过程中所用的和遇到的一些技术和问题。 这一版的发财账簿RichAccount是由Vue2+TypeScript+SCSS编写的SPA应用，同时主要数据都存放在LocalStorage中，暂无任何线上功能。 主要功能： 记账的标签、备注、时间 新增和删除标签 记录按日统计 图表呈现 …… 链接 发财账簿-Pi
双向绑定与v-model
[Vue] 双向绑定与v-model 什么是双向绑定 变量变化，UI也跟着变化；当用户改变UI，变量也随之变化，这就是双向绑定。 在Vue中，通过v-model实现表单的双向绑定。 v-model的实质 实质是监听用户的输入事件以更新数据，对一些极端场景进行一些特殊处理。 是v-bind:value和v-on:input的语法糖。 1234567<input v-model="me
router 路由
router 路由 什么是路由 路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动。路由发生在OSI网络参考模型中的第三层即网络层。路由引导分组转送，经过一些中间的节点后，到它们最后的目的地。 简单来说，路由就是根据需求将用户请求分发某个或某些个地点（keywords: 分发、请求） 前端路由 根据用户的请求，展示不同的内容 路由表 在电脑网络中，路由表（routin
.sync修饰符
单词含义 sync n. 同时，同步（synchronization的缩略词） v. 使同步（synchronize 的缩略词） 通俗的说，sync就是让多方对某一个事物的认识保持一致，在Vue中也是同样的功能。 场景 在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以变更父组件，且在父组件和子组件两侧都没有明显的
Webpack loader & plugins
Webpack loader & plugins 安装webpack 1yarn global add webpack webpack-cli webpack.config.js 首次使用webpack时，需要初始化webpack.config.js 1234567891011var path = require("path");module.exports =
computed 和 watch
computed computed是计算属性，可以计算出一个值 1234<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "&#
数据响应式
Vue的数据响应式 数据响应式，顾名思义，Vue会在数据改变时做出响应，更新页面、执行函数等等，这便是Vue的数据响应式。 Vue通过监听observe和代理proxy实现数据响应式。 代理proxy 12345678910111213141516171819202122232425// 需求：n 不能小于 0// 即 data1.n = -1 应该无效，但 data1.n = 1 有效let d