material UI with vue.js, based on materialize-css 0.97.5
npm install material-ui-vue
>> It's a trial, don't use it, it's unstable
This is a materializecss.com implementation with Vue.js.
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:
`
Material-ui-vue Demo
`$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.