随笔分类 -  vue2

cnpm install -S 与cnpm install -D (dependencies和devDependencies的区别)
摘要:npm install takes 3 exclusive, optional flags which save or update the package version in your main package.json: -S, --save: Package will appear in y 阅读全文

posted @ 2017-05-12 18:58 世界,太精彩 阅读(766) 评论(0) 推荐(0)

vue2
摘要:props 向子组件传递数据是经常会用到的,一般是在子组件定义 props 来接受数据,当父组件改变数据时子组件的数据也会进行更新。但这里是有一个坑的,先看代码: <pagination :params="params"></pagination> data: function() { return 阅读全文

posted @ 2017-05-12 17:58 世界,太精彩 阅读(173) 评论(0) 推荐(0)

vue2+swiper(用户操作swiper后,不能autoplay了)
摘要:将autoplayDisableOnInteraction设置为false 阅读全文

posted @ 2017-05-12 17:14 世界,太精彩 阅读(1297) 评论(0) 推荐(0)

vue非父子组件间通信
摘要:有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的Vue实例作为中央事件总线: 有时候非父子关系的组件也需要通信。在简单的场景下,使用一个空的 Vue 实例作为中央事件总线: var bus = new Vue() // 触发组件 A 中的事件 bus.$emit('id-selecte 阅读全文

posted @ 2017-04-26 17:03 世界,太精彩 阅读(252) 评论(0) 推荐(0)

vue 父子组件传参
摘要:父向子组件传参 例子:App.vue为父,引入componetA组件之后,则可以在template中使用标签(注意驼峰写法要改成componet-a写法,因为html对大小写不敏感,componenta与componentA对于它来说是一样的,不好区分,所以使用小写-小写这种写法)。而子组件comp 阅读全文

posted @ 2017-04-25 15:24 世界,太精彩 阅读(4111) 评论(0) 推荐(0)

vue中引入swiper(vue中的滑块组件vue-awesome-swiper)
摘要:npm install vue-awesome-swiper --save 第二部在main.js中引入 import VueAwesomeSwiper from 'vue-awesome-swiper' Vue.use(VueAwesomeSwiper) 然后就可以在组件中使用该插件 <templ 阅读全文

posted @ 2017-04-25 10:46 世界,太精彩 阅读(5326) 评论(0) 推荐(0)

vue :class的动态绑定
摘要:动态绑定class 写在指令中的值会被视作表达式,如javascript表达式,因此v-bind:class接受三目运算: 1 2 3 4 HTML代码: <div :class="classA ? 'class-a' : 'class-b' ">Demo3</div> 渲染后的HTML: <div 阅读全文

posted @ 2017-04-20 12:01 世界,太精彩