vue-masonry
Advanced tools
Comparing version 0.11.3 to 0.11.4
{ | ||
"name": "vue-masonry", | ||
"version": "0.11.3", | ||
"version": "0.11.4", | ||
"description": "masonry layout for vue.js", | ||
"main": "src/masonry.plugin.js", | ||
"browser": "dist/vue-masonry-plugin-window.js", | ||
"scripts": { | ||
@@ -8,0 +7,0 @@ "test": "echo \"Error: no test specified\" && exit 1", |
# vue-masonry | ||
**Current version: 0.11.3** | ||
**Current version: 0.11.4** | ||
@@ -11,18 +11,24 @@ Vue.js directive for masonry blocks layouting. Original [masonry library](http://masonry.desandro.com/). | ||
![DEPENDENCIES status](https://david-dm.org/shershen08/vue-masonry/status.svg) | ||
## Install & Usage | ||
## Usage | ||
- Get from npm: ```npm install vue-masonry --save ``` | ||
### Install via NPM | ||
- Get from npm: ```npm install vue-masonry --save ``` | ||
or from bower ```bower install vue-masonry``` | ||
- Make sure that the masonry library is included; for example using cdn link: ```<script async defer src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.0.0/masonry.pkgd.min.js"></script>``` or in other convenient way. | ||
- Use in component code | ||
- Make sure that the masonry library is included; for example using cdn link: ```<script async defer src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.0.0/masonry.pkgd.min.js"></script>``` or in other convenient way. | ||
### Usage with build tools | ||
- In your Vue app you'll have the following code: | ||
``` | ||
import Vue from 'vue' | ||
// import es6 style | ||
// import ES6 style | ||
import {VueMasonryPlugin} from 'vue-masonry'; | ||
// or using CJS | ||
@@ -48,10 +54,11 @@ // const VueMasonryPlugin = require('vue-masonry').VueMasonryPlugin | ||
``` | ||
var VueMasonryPlugin = window["vue-masonry-plugin"] | ||
var VueMasonryPlugin = window["vue-masonry-plugin"].VueMasonryPlugin | ||
Vue.use(VueMasonryPlugin) | ||
``` | ||
Properties currently available reproduce most of those on the [original masonry plugin](http://masonry.desandro.com/options.html): | ||
### Properties | ||
Properties that are currently available reproduce most of those on the [original masonry plugin](http://masonry.desandro.com/options.html): | ||
- ```item-selector=".item"``` - list element DOM item selector; | ||
@@ -138,5 +145,4 @@ - ```transition-duration="0.3s``` - duration of transitions; | ||
### License | ||
MIT |
68955
146