Vue
壹业
这个作者很懒,什么都没留下…
展开
-
Vue——06循环遍历,Key属性以及数组更新
目录v-for遍历数组一个简单的案例:v-for可以遍历对象:key属性检测数组更新(响应式)v-for遍历数组当我们有一组数据需要进行渲染时,我们就可以使用v-for来完成。v-for的语法类似于JavaScript中的for循环。格式如下:item in items的形式。一个简单的案例:如果在遍历的过程中不需要使用索引值v-for=“movie in movies”依次从movies中取出movie,并且在元素的内容中,我们可以使用Mustache语法,来使用movie如果在遍历的原创 2020-05-22 17:34:27 · 1221 阅读 · 0 评论 -
Vue——05条件判断v-show
v-show的用法和v-if非常相似,也用于决定一个元素是否渲染:v-if和v-show对比v-if和v-show都可以决定一个元素是否渲染,那么开发中我们如何选择呢?v-if当条件为false时,压根不会有对应的元素在DOM中。v-show当条件为false时,仅仅是将元素的display属性设置为none而已。开发中如何选择呢?当需要在显示与隐藏之间切片很频繁时,使用v-show当只有一次切换时,通过使用v-if...原创 2020-05-22 17:23:00 · 2855 阅读 · 0 评论 -
Vue-04登录切换-使用条件判断实现条件渲染案例
用户再登录时,可以切换使用用户账号登录还是邮箱地址登录问题:原创 2020-05-22 17:18:03 · 290 阅读 · 0 评论 -
Vue-03条件判断之v-if、v-else-if、v-else的使用
目录v-if、v-else-if、v-else实例v-if的原理:注意v-if、v-else-if、v-else这三个指令与JavaScript的条件语句if、else、else if类似。Vue的条件指令可以根据表达式的值在DOM中渲染或销毁元素或组件。实例v-if的原理:v-if后面的条件为false时,对应的元素以及其子元素不会渲染。也就是根本没有不会有对应的标签出现在DOM中。注意一般来说如果需要处理比较复杂的业务那么就使用计算属性,将业务处理放在computed选项中。..原创 2020-05-22 14:56:27 · 714 阅读 · 0 评论 -
Vue基础语法——事件监听之v-on指令
目录v-on指令介绍使用语法糖参数问题修饰符v-on指令介绍在前端开发中,我们需要经常和用于交互。这个时候,我们就必须监听用户发生的时间,比如点击、拖拽、键盘事件等等在Vue中如何监听事件呢?使用v-on指令v-on介绍作用:绑定事件监听器缩写:@预期:Function | Inline Statement | Object参数:event使用我们用一个监听按钮的点击事件,来简单看看v-on的使用下面的代码中,我们使用了v-on:click="counter++”另外,我们可以原创 2020-05-22 14:51:21 · 354 阅读 · 0 评论 -
Vue基础语法——01-插值操作,绑定属性,计算属性及let和var,const关键字,对象字面量增强写法
目录插值操作Mustache(胡子/胡须)语法v-oncev-htmlv-textv-precloak绑定属性v-bind指令绑定class有两种方式:计算属性基础补充块级作用域——let和varconst关键字对象字面量增强写法(简化):事件监听条件判断循环遍历阶段案例v-model插值操作将data中的文本数据,插入到HTML中Mustache(胡子/胡须)语法可以通过Mustache(胡子/胡须)语法(也就是双大括号)。数据是响应式的。v-once在某些情况下,我们可能不希望界面随意的跟原创 2020-05-22 13:59:18 · 627 阅读 · 0 评论 -
Vue入门-安装使用以及生命周期
目录认识vueVue的安装vue使用Vue中的MVVM计数器的MVVM创建Vue实例时候传入的对象optionsVue的生命周期认识vueVue (读音 /vjuː/,类似于 view),不要读错。Vue是一个渐进式的框架,什么是渐进式的呢?渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交互体验。或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统。比如Core+Vue-router+Vuex,也可以满足你各种各样的需求。Vue有很多特点和原创 2020-05-21 19:55:13 · 303 阅读 · 0 评论