摘要:
<el-input v-model="searchVal" style="width:100%; margin-bottom:10px" placeholder="请输入内容"/> data(){ searchVal: '', items: [ { 'tenantId': 36045, 'orgId 阅读全文
摘要:
一个简单的例子: 这是渲染列表的代码 在data里设置一个初始值0, <div v-for="(item, index) in tochildren" :key="index" @click="currentIndex=index" :class="{style1:index==currentInd 阅读全文
摘要:
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家,坐着一屋子的陌生人,相互之间怎么称呼,这时就需要先知道自己和他们之间是什么样的关系。 阅读全文
摘要:
前段时间听说一段这样这样的话,如何你要快速在一个行业里习得工作的本领,那你的先掌握该领域最核心的20%的技能,根据二八定理,掌握这20%的技能知识你将可以解决该领域80%的问题。 我们都知道学习vue最经典最有代表性的demo就是购物车。今天终于静下心来和大家分享一下自己写的一个购物车的案例。 1. 阅读全文
摘要:
1. 使用构造函数来创建组件 如果需要传参,在函数中加一个props参数来接受,并且必须向外return一个合法的jsx创建的虚拟DOM。 //1. 组件名首字母为大写 2. 必须return 合法的jsx// 这里就可以相当于子组件function Hellow (props){ //props为 阅读全文
摘要:
第一步:在项目中安装mockjs、axios(http请求库) 阅读全文
摘要:
使用Computed properties(计算得到的属性)和watchers(监听器) 很多时候,我们在页面上想要显示某个变量的值时,都需要经过一些计算, 例如: 越是复杂,到后期越容易出错。 这个时候,我们就需要一种机制,可以方便的创建这样的通过计算得来的数据。 所以, Computed Pro 阅读全文
摘要:
简单的理解就是v-cloak能够解决插入表达式闪烁问题,不会出现覆盖其他内容 v-text 是没有闪烁的问题但是会覆盖原本的内容 阅读全文
摘要:
水平居中 行内元素 首先看它的父元素是不是块级元素,如果是,则直接给父元素设置 text-align: center; (代码如下参考) <style> #father { width: 500px; height: 300px; background-color: skyblue; text-al 阅读全文