tylerGuo

摘要： 理论知识 画静态ui界面。分析业务功能，得到基本的ui界面。基于html+css实现静态的ui界面。 改造ui界面。利用vue模板语法，包括数据绑定、属性绑定、方法绑定等各种绑定，得到符合vue模板语法的ui界面。 实现用户操作。利用vue的事件绑定和js的控制逻辑，开发业务功能。 整体思路如下图， 阅读全文

摘要： 理论知识 span是一个用来组合文档的行内元素。 行内元素: 可以简单理解为作用空间只在一行之内，不会产生换行效果。 主要用来将文档的一部分或文档的一部分隔离出来，然后对这些部分添加特有的样式。譬如， 'ABC'是一行文本，现在只想对B添加加粗样式，则可以使用span标签将B包裹， 即'ABC',此 阅读全文

摘要： 理论知识 v for用来循环data中的集合数据，比如数组等。 v for='item in arr'或者 v for='(item,index) in arr',其中item表示每次从arr中遍历处一个元素，index表示元素在arr中的位置，arr表示数据集合。 为了提高vue的性能，在使用v 阅读全文

摘要： 理论知识 相同点 都用在vue模板中，用于控制元素是否向用户显示。 其值都是boolean类型的表达式 不同点 v if类似if语句，可以接连多个v if else语句，控制多个dom节点。v show只控制一个dom节点。 v if控制的元素不显示时，则不会渲染到页面，即在f12下的element 阅读全文

摘要： 理论知识 样式也属于标签的一种，因此样式绑定同属性绑定的思路一致，只是语法上有些不同。 样式绑定两种方式 对象语法 v bind:class='{key1:value1; key2:value2;.... }',calss中设置的是键值对，key表示给该标签的类名，用在style中使用类选择器选择; 阅读全文