摘要: v-for 循环 循环数组 输出结果 上面的item,index是语义化的写法,不是固定的,可以是a,b,c这样的,顺序就是数组内容,数组索引 循环对象 输出结果 第一个是值,第二个是键,第三个是索引 循环数字 输出结果为1-10的数字 循环字符串 输出结果为字符串的每个字母 阅读全文
posted @ 2019-09-06 14:50 一颗糊涂淡 阅读(11368) 评论(0) 推荐(1) 编辑
摘要: vue可以通过v-if设置元素的显示隐藏 还可以配合v-else使用 配合点击事件来演示一下 点击按钮,按钮上文字变化,内容显示,再次点击,按钮上文字内容变化,内容隐藏 代码部分 如果在写一个标签,标签内加上v-els 就是这个效果 注意,如果这样用,加v-if和v-else的标签之间不能有其他的内 阅读全文
posted @ 2019-09-06 13:38 一颗糊涂淡 阅读(5458) 评论(0) 推荐(0) 编辑
摘要: 通过点击按钮,实现背景色的循环变换 初始为红色,点击一次,变成蓝色,第二次变成绿色,再次点击,又变为红色 这里用到vue的事件监听 v-on:xxx 事件写在methods里面 代码部分 v-on可以简写成@ 效果一样 阅读全文
posted @ 2019-09-06 10:58 一颗糊涂淡 阅读(2602) 评论(0) 推荐(0) 编辑
摘要: .classs属性绑定: 多个class 要用数组[]包起来 :class=’[class1,class2]’,还可以加上对象 :class=’[{class1:true},class2]’,并且不会对已有的class产生影响 行内样式style 正常的写法是这样 在vue中通过绑定来写行内styl 阅读全文
posted @ 2019-09-06 09:04 一颗糊涂淡 阅读(625) 评论(0) 推荐(0) 编辑