material-ui-vue


>> It's a trial, don't use it, it's unstable

This is a materializecss.com implementation with Vue.js.

$3

Document

$3

``
npm install material-ui-vue --save
npm install vue --save
npm install webpack --saveDev
npm install vue-loader --saveDev
`

$3

Download materialize-css resources from their official site or by npm. Include its css and js files, and jQuery as well, coz materialize.js is jquery based.

index.html:
`
















`

$3

app.vue:
`



`

$3

main.js:
`
var Vue = require('vue');

new Vue({
el: 'body',
components: {
app: require('./app.vue')
}
});
`

$3

webpack.config.js:
`
'use strict';
var webpack = require('webpack');

module.exports = {
entry: './main.js',
output: {
filename: './build/bundle.js',
},
module: {
loaders: [
{test: /\.vue$/, loader: 'vue'}
]
}
}
`

$3


`
webpack
``

Now you can test your index.html in browser.