2019年7月11日

摘要: 记录一下今天在vue的transition中遇到的坑 被告知 transition 的 name 属性是可以自己随意设置的,于是给了 myfade,结果发现没有效果。 后来研究了下发现,这个 name 的值是用来替换 v-enter 的 v 于是修改成 就OK了~ 另注:transition 只有 阅读全文
posted @ 2019-07-11 17:38 zhuxq 阅读(6080) 评论(0) 推荐(0) 编辑
 

2019年7月4日

摘要: 参考自 小辉随笔: https://www.cnblogs.com/lchsirblog/p/9582989.html 一、什么时候需要使用浮动 最常见的情景是:多个块级元素(如div)需要同一行显示。 如上,如要要求 child1 和 child2 同行显示,需要给这两个 div 的样式设置 fl 阅读全文
posted @ 2019-07-04 14:00 zhuxq 阅读(258) 评论(0) 推荐(0) 编辑
 

2019年6月24日

摘要: 1、HTML的加载 HTML是一个网页的基础,下载完成后解析 2、其他静态资源加载 解析HTML时,发现其中有其他外部资源链接比如CSS、JS、图片等,会立即启用别的线程下载。 但当外部资源是JS时,HTML的解析会停下来,等JS下载完执行结束后才继续解析HTML,防止JS修改已经完成的解析结果 3 阅读全文
posted @ 2019-06-24 11:04 zhuxq 阅读(4395) 评论(0) 推荐(2) 编辑
 

2019年3月19日

摘要: ① v-if 、v-else-if 、v-else (1)v-if 指令用于条件性地渲染一块内容,这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 (2)v-else-if 和 v-else 必须紧跟在 v-if 的元素之后 用于 <template> 可使用 key 管理可复用的元素 阅读全文
posted @ 2019-03-19 21:59 zhuxq 阅读(291) 评论(0) 推荐(0) 编辑
 

2019年3月11日

摘要: 之前学到的指令 v-bind 在用于绑定class和style时,表达式结果可以是字符串、数组、对象。 一、绑定HTMLClass ① 对象语法 渲染结果为: 注:当v-bind:class的表达式的值为 false,0,""(空字符串),null,undefined,NaN(Not a numbe 阅读全文
posted @ 2019-03-11 21:56 zhuxq 阅读(216) 评论(0) 推荐(0) 编辑
 

2019年3月9日

摘要: 在 Vue 里,一个组件本质上是一个拥有预定义选项的一个 Vue 实例。 设法将应用分割成了两个更小的单元。子单元通过 prop 接口与父单元进行了良好的解耦。 阅读全文
posted @ 2019-03-09 17:33 zhuxq 阅读(86) 评论(0) 推荐(0) 编辑
 
摘要: 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。对于任何复杂逻辑,都应当使用计算属性。 同样的效果也可以通过在表达式中调用methods实现。 注:计算属性是基于他们的依赖进行缓存的,只有在相关依赖发生改变时,计算属性才会重新求值。 如上示例 阅读全文
posted @ 2019-03-09 17:15 zhuxq 阅读(236) 评论(0) 推荐(0) 编辑
 
摘要: 指令,是指在Vue中,带有-v前缀的特殊特性 指令特性的值预期是单个JavaScript表达式(v-for例外) ① 参数 一个指令接受一个参数 其中 v-bind 指定的参数为 href。告知 v-bind 将该元素的href特性与表达式 url 的值绑定 再者,这里的参数为监听的事件名 ② 动态 阅读全文
posted @ 2019-03-09 16:19 zhuxq 阅读(220) 评论(0) 推荐(0) 编辑
 
摘要: 学习关于Vue的插值语法 ① 文本值 : "Mustache"语法,即双大括号 注:双大括号中的msg值改变,插入的内容也会随之改变,可通过v-once指令限制,但会影响该节点上其他的数据绑定 v-once 例:(只会第一次渲染,之后修改myname也不会改变v-once中的值) ② 原生HTML 阅读全文
posted @ 2019-03-09 10:52 zhuxq 阅读(570) 评论(0) 推荐(0) 编辑