![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue学习
前端白了又白兔
一个前端小白菜选手,用博客记录自己点滴的成长脚步。博客中的知识点来源于日常工作、学习总结或转载,如有错误之处,还请多多指正!
展开
-
Vue学习之路三——Class与Style绑定
今日学习目录 一、绑定 HTML Class 对象语法 数组语法 用在组件上 二、绑定内联样式style 对象语法 数组语法 自动添加前缀 多重值 开始学习 一、绑定HTML Class 1. 对象语法 a. 添加单个对象 <div :class = " { active : isActive} "></div> 上面的语法表转载 2018-11-25 16:54:22 · 142 阅读 · 0 评论 -
Vue学习之路四——过滤器filter
文章目录 组件中定义过滤器 全局定义过滤器 串联过滤器 今日学习开始 Vue没有内置的过滤器,但是提供了api允许我们自定义过滤器。 1. 过滤器用于何处 1.双花括号之中,通过 管道符号 | 连接 2.v-bind表达式中(2.1.0+) //花括号中 {{ message | capitalize }} // v-bind中 <div v-bind: id = 'rawI...转载 2018-11-25 18:54:20 · 112 阅读 · 0 评论 -
Vue学习之路一——指令与事件
一、插值 1. 文本 数据绑定最常见的形式就是通过Mustache语法{{}}方式进行文本插值 &amp;lt;span&amp;gt; message: {{msg}} &amp;lt;/span&amp;gt; 双向绑定,值改变就会刷新 2. v-once (不需要表达式) 只渲染元素和组件一次,随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。 常见用法:当修改input值...转载 2018-11-25 11:43:09 · 274 阅读 · 0 评论 -
Vue学习之路二——计算属性computed和监视器watch
今日学习目录 一、 计算属性computed 例子 计算属性缓存 vs 方法 计算属性 vs 侦听属性 计算属性的 setter 二、侦听器watch vm.$watch( expOrFn, callback, [options] ) 开始今日学习 一、计算属性 设计初衷:在模板中放入表达式非常便捷用于简单运算,但是放入过多会导致模板逻辑过重和难于维护,例如 &amp;lt;div id=&quot;ex...转载 2018-11-25 16:18:13 · 206 阅读 · 0 评论