chester·chen - 博客园

2018年6月6日

摘要： v-model：双向数据绑定必须在表单中使用，input，select等 v-on:click 简写 @click ：事件绑定，方法放到methods中 ref="userInfo" ：给标签设置ref属性，可在js中通过this.$refs获取到相应dom节点 this.$refs.userIn 阅读全文

posted @ 2018-06-06 08:06 chester·chen 阅读(163) 评论(0) 推荐(0)

2018年6月5日

Vue属性绑定

摘要： v-bind：属性动态绑定数据，简写： v-html：绑定html代码 {{}}：绑定数据，另一种v-text v-bind:class="{‘red’:isActive}" ：类型绑定 <div v-for="(item,key) in list"></div>：可以获取到key v-bind:s 阅读全文

posted @ 2018-06-05 21:54 chester·chen 阅读(3596) 评论(0) 推荐(0)

Vue目录结构

摘要： template中必须有一个根节点 script中的data用来存放业务数据 {{msg}}花括号用来展示data中的数据 v-for循环数据阅读全文

posted @ 2018-06-05 21:07 chester·chen 阅读(136) 评论(0) 推荐(0)

Vue环境搭建

摘要： 1.安装node.js 2.安装vue的脚手架工具 npm install --global vue-cli 3.创建vue项目 vue init webpack vue-demo1 4.安装依赖 cd vue-demo1 cnpm install / npm install 【 cnpm安装网址：阅读全文

posted @ 2018-06-05 14:24 chester·chen 阅读(147) 评论(0) 推荐(0)

备忘录模式

摘要：定义：在不破坏封装性的前提下，捕获一个对象的内部状态，并在该对象之外保存这个状态。这样就可以将该对象恢复到原先保存的状态阅读全文

posted @ 2018-06-05 11:58 chester·chen 阅读(99) 评论(0) 推荐(0)

责任链模式

摘要：避免请求发送者与接收者耦合在一起，让多个对象都有可能接收请求，将这些对象连接成一条链，并且沿着这条链传递请求，直到有对象处理它为止。 UML图：示例代码：阅读全文

posted @ 2018-06-05 10:55 chester·chen 阅读(91) 评论(0) 推荐(0)

状态模式

摘要：状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况。把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化。 UML图：示例代码：阅读全文

posted @ 2018-06-05 10:34 chester·chen 阅读(99) 评论(0) 推荐(0)

2018年6月4日

中介者模式

摘要：中介者模式，定义了一个中介对象来封装一系列对象之间的交互关系。中介者使各个对象之间不需要显式地相互引用，从而使耦合性降低，而且可以独立地改变它们之间的交互行为。场景：控制器调用多个Service；Vue/Angular兄弟组件通过父组件通信。 UML图：阅读全文

posted @ 2018-06-04 17:33 chester·chen 阅读(114) 评论(0) 推荐(0)

2018年6月3日

Redis安装

摘要： 1.下载与解压 https://github.com/MSOpenTech/redis/releases。解压后：设置密码与maxmemory 大小：打开redis.windows.conf 安装成服务： redis-server --service-install redis.window 阅读全文

posted @ 2018-06-03 18:43 chester·chen 阅读(118) 评论(0) 推荐(0)

观察者模式

摘要：观察者模式：一种一对多的依赖关系，多个观察者对象监听一个主题对象，主题对象变化，则通知观察者对象，让他们自动更新自己。 UML图：示例代码：阅读全文

posted @ 2018-06-03 16:33 chester·chen 阅读(119) 评论(0) 推荐(0)