![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
逐鱼
我有一个梦想
展开
-
Vue中v-if和v-show的方法总结
Vue中v-if和v-show的方法总结v-if是条件渲染,当条件为false时,元素将不会被编译。v-show只是简单的CSS属性切换,当v-show条件为false时,讲给元素添加display:none的CSS属性,但是无论条件是否为真,这个DOM元素都会被编译。特别注意 v-show不能在<template>中使用,而且v-show并不能配合v-else使用。...转载 2018-12-27 15:35:12 · 674 阅读 · 0 评论 -
v-model实现数据的双向绑定
v-model实现数据的双向绑定数据的双向绑定涉及到v-model,最近研究了半天才明白其中的原理,先放一段源码出来:&lt;div id="app"&gt;&lt;p&gt;总数:{{total}}&lt;/p&gt;&lt;my-component v-model="total"&gt;&a原创 2018-12-28 09:48:17 · 1245 阅读 · 0 评论 -
Vue组件基础总结
Vue组件基础总结最近刚学了一点Vue组件的内容,因为内容太多了,先在博客中记录一些,以后学了更多再更新。我的学习教材是梁灏编著的《Vue.js实战》和官网的文档,之前还看了些表老师的视频。在学了Vue以来,个人最大的感受就是Vue可以实现极大程度的模块化分组,而组件就是这些模块的核心。组件的创建如下:&amp;amp;amp;lt;script&amp;amp;amp;gt;Vue.component('my-component'...原创 2018-12-31 19:07:38 · 239 阅读 · 0 评论 -
Vue.js组件实现选项卡以及切换动画特效
Vue.js组件实现选项卡以及切换动画特效最近在学习Vue,当看梁灏大神写的《Vue.js实战》时看到了关于用组件实现选项卡功能,我也根据课后的练习加上自己的理解重新编写了一下。组件分为pane.js和tabs.js两个部分,话不多说,直接上代码。<!DOCTYPE html><html lang="en"><head> <meta c...原创 2019-01-30 22:36:58 · 4857 阅读 · 0 评论