随笔分类 - Vue
摘要：组件样式 面包屑导航栏 js Vue.component('bannerOne', { created() { console.log(this.bigbackColor); }, props: { imgSrc: { type: String, default: 'images/aboutYaot
阅读全文
摘要：简介 混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。钩子函数合并 同名钩子函数将混合为一个数组，因此都将被调用。另外，混入对象的钩子函数将在组件自身钩子函数之前调用 <bo
阅读全文
摘要：<my-com1></my-com1> <my-com2></my-com2> <template id="tmp1"> <div id=""> <h1>外部定义组件的方式,拥有代码提示</h1> </div> </template> //1.1使用vue.extends 来创建全局的vue组件 var com1 = Vue.extend({ template: '<h3>使用vue.extend
阅读全文
摘要：简单介绍一下过滤器，顾名思义，过滤就是一个数据经过了这个过滤之后出来另一样东西，可以是从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。例如，从['abc','abd','ade']数组中取得包含‘ab’的值，那么可通过过滤器筛选出来‘abc’和‘abd’；把‘Hello’变
阅读全文
摘要：1、html <div ref="getheight"></div> <br><br> 2、JavaScript // 获取高度值 （内容高+padding+边框） let height= this.$refs.getheight.offsetHeight; // 获取元素样式值 （存在单位） le
阅读全文
摘要：使用过渡类名（有进入及出去，适合显示隐藏，需要配合v-if） .v-enter,//进入前 .v-leave-to {//离开后 只需要入场动画 可以把v-leave-to删掉 opacity: 0; transform: translateX(150px); } .v-enter-to, .v-l
阅读全文
摘要：Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。。。废话不多说了，把我踩过的坑，在这里跟大家说说
阅读全文
摘要：{{content[0]}} {{content[1]}} {{content[2]}} {{content[3]}}...
阅读全文
摘要：在进入/离开的过渡中，会有 6 个 class 切换。 v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。 v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定
阅读全文
摘要：需要用到css3，vue过度 在网上找了很久很少的资料，自己摸索了一会看了官方文档，毕竟环境不同，需要的效果不同，耽误了很久 鼠标放上某一个就会从下方弹出层
阅读全文
摘要：点击可以收起，这里注意先给需要收起展开的的容器设置高度，通过样式v-enter和v-leave-to设置结束和开始前的就可以了
阅读全文
摘要：转载：http://blog.csdn.net/qq_15766181/article/details/73549933 钩子就好像是把人的出生到死亡分成一个个阶段，你肯定是在出生阶段起名字，而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮，也是不行的。组件也是一样，每个阶段它的内部构
阅读全文
摘要：有一段时间没用vue动画了，就忘了，又仔细去看了vue官网 的过渡&动画，记录下来方便快速使用 (可以多看vue官网 过渡&动画 实现更多效果) 1、实际效果 展开收起效果.gif 2、代码 <!--css--> .box{ height:200px;width: 200px; background
阅读全文
摘要：在运行vue项目时报如下问题： E:\mobile_real\mobile-vue>npm run dev > mobile_real@1.0.0 dev E:\mobile_real\mobile-vue > webpack-dev-server --inline --progress --con
阅读全文
摘要：今天在启动一个Vue项目的时候，遇到了一个问题。 得知是Vue项目端口号占用的问题。 解决方法： 换一个端口号。 在调用 npm run dev 的时候，实际上是在调用根目录下的 package.json,打开这个文件之后发现： 由此可知，我们应该查看build目录下的dev-server.js文件
阅读全文
摘要：转 https://www.cnblogs.com/tu-0718/p/7521099.html 转 https://www.jianshu.com/p/1626b8643676 $ vue init webpack exprice 这个是那个安装vue脚手架的命令 This will instal
阅读全文
摘要：1、计算属性适用的情形我们可能会有这样的需求，一个数据属性在它所依赖的属性发生变化时，也要发生变化，这种情况下，我们最好使用计算属性。例如在下面这个例子中，如果我们使用监听函数，代码就会变得有点冗余。<div id="demo">{{ fullName }}</div> fullName属性依赖于f
阅读全文
摘要：- 创建期间的生命周期函数： + beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性 + created：实例已经在内存中创建OK，此时 data 和 methods 已经创建OK，此时还没有开始 编译模板 + beforeMount：此时已
阅读全文
摘要：Vue全局自定义指令 接下来用自动获取焦点这个小例子，来介绍一下全局自定义指令。 注意：Vue.directive(‘参数名称’,{}) 定义全局指令，它有两个参数 参数1：指令名称,注意在定义的时候，指令名称前不需要加 v- 前缀，但是在调用的时候，必须加v- 前缀。 参数2：参数2是一个对象，这
阅读全文
摘要：转 https://www.cnblogs.com/wangruifang/p/7765562.html vue1.*版本是有内置的过滤器，但是在vue2.*所有的版本都已经没有自带的过滤器了。 1、过滤器创建 过滤器的本质 是一个有参数 有返回值的方法 new Vue({ filters:{ my
阅读全文
