![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 78
SC前端
Web前端. html. css. js. jQuery. bootstrap. ES6. vue
展开
-
Vue分支循环结构
分支循环结构在编程中的地位不言而喻了,Vue也内置了分支循环的指令来使Vue编程变得简单而有趣一、分支v-ifv-elsev-else-ifv-show例如根据分数判断是优秀,良好,一般还是差将分支在dom元素中表现出来,最后渲染到页面的只有符合判断条件的dom<div class="app"> <div v-if='msg>=90'>{{msg}}优秀</div> <div v-else-if='msg<原创 2020-05-25 16:24:27 · 257 阅读 · 0 评论 -
Vue基础语法02
书接上回,继续讨论Vue的基础语法属性绑定 v-bind:(可简写为“:”)原创 2020-05-25 12:27:46 · 120 阅读 · 0 评论 -
Vue基础语法01
Vue是目前最好的国产前端渐进式框架,它与原生js和jQuery的最大区别就是Vue是直接操作数据来达到对页面的渲染,而原生js和jQuery都是操作Dom元素来渲染页面。Vue可以让开发人员“换一种思路”去开发前端页面。注意:在学习Vue之前,必须学好html。css。js的基础知识基本使用:插值表达式使用步骤:1)、需要提供标签用于填充数据注意: 在标签中我们使用插值语法的形式 即 {{}} 进行填充数据2)、引入vue.js库文件注意:一定要先引入Vue文件 在使用Vue语法 因为原创 2020-05-17 12:11:47 · 183 阅读 · 0 评论 -
Vue实现Tab栏切换(v-for渲染)
在用数据渲染前端页面的几种方式下,原生js和jQuery都需要操作DOM,生成元素,添加元素等一系列操作,而Vue只需要v-for指令就轻松解决。实现功能:有标题和图片两部分组成,点击相应的标题显示响应的图片,其他图片隐藏。实现效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w原创 2020-05-19 09:30:59 · 7267 阅读 · 0 评论