![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue笔记
文章平均质量分 56
PJ_Yu
做网站,首先你要懂得“How To Make Love”,简称HTML ;如果对HTML已经精通了,应该学学3P(ASP,PHP,JSP) 。。。
展开
-
5、条件渲染
title: 5、条件渲染 date: 2017-07-31 19:50:10 tags: vue笔记(妙味) v-if 在vue中使用v-if实现判断 Yes No 上面这种方式只能给一个元素判断,如果是多个元素可以按照下面的写法,元素当做包装元素,但是最终渲染不会包含这个元素。 title paragraph 1 paragraph 2 v-else或者v-e原创 2017-08-24 09:45:13 · 521 阅读 · 0 评论 -
4、class与style
title: 4、class与style date: 2017-07-29 22:55:13 tags: vue笔记(妙味) 数据绑定一个常见需求是,操作元素的class列表,和它的style时,因为他们都是属性所以可以用 v-bind 处理他们 但是字符串拼接麻烦又易错。因此在v-bind用于class和style时,Vue专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。 绑原创 2017-08-24 09:45:02 · 804 阅读 · 0 评论 -
3、计算属性
title: 3、计算属性 date: 2017-07-27 10:19:21 tags: vue笔记(妙味) 之前说过,模板内在插值中写表达式很方便,但是如果放太多逻辑会让模板过重难以维护。所以在模板内只适合简单的运算,稍微复杂的语句就需要计算属性了。 computed和methods 计算属性应该放到computed属性中,函数放到methods中,而实际上计算属性的语句也是写到函数里,所以原创 2017-08-24 09:44:59 · 237 阅读 · 0 评论 -
6、列表渲染
title: 6、列表渲染 date: 2017-08-1 18:38:20 tags: vue笔记(妙味) 遍历数组 for指令根据一组数据的选项列表进行渲染,需要以item in tiems或item of tiems形式的特殊写法,item是数组的每一项,items是源数据数组。也有(item,index) in items的写法index是该item在数组中的索引。实际就是用for去遍历原创 2017-08-24 09:44:57 · 499 阅读 · 0 评论 -
2、指令和模板
title: 2、指令和模板 date: 2017-07-26 09:19:40 tags: vue笔记 指令 什么是指令 指令是一种特殊的自定义行间属性,指令的职责就是当其表达式的值改变时,响应的将某些行为应用到DOM上,在Vue中,指令以v-开头。以v-bind指令为例: {{ message }} var vm = new Vue({ el: '#app',原创 2017-08-24 09:44:54 · 362 阅读 · 0 评论 -
1、创建Vue实例
title: 1、创建Vue实例 date: 2017-07-25 09:10:40 tags: vue笔记(妙味) 一个最简单的Vue的例子 Vue的核心是:允许采用简洁的模板语法、声明式的将数据渲染进DOM(与声明式相对应的是命令式)。 首先要创建一个模板,这是html模板(最简单的一种模板) {{ message }} 下面是创建Vue的实例,参数是一个选项对象,可以包含数据原创 2017-08-24 09:44:51 · 814 阅读 · 0 评论