README
blank
A Vue.js project
Build Setup
# install dependencies
npm install wxp_blank
使用方法 :
1.组件内部使用
html:
<Main/>
js:
import Main from 'wxp_blank'
components: {
Main
}
2. main.js 全局安装:
import Main from 'wxp_blank'
Vue.use(Main)
然后在其他.vue文件里面,直接使用组件 <wxp_blank/> 即可
3.直接引用打包后的 wxp_blank.js
这种方式就不需要webpack这类的构建工具,跟jquery的方式差不多,可以直接页面引用,使用方法示例如下:
<template>
<div id="app">
<Main :config="paramsObj"></Main>
</div>
</template>
<script>
import Main from 'wxp_blank'
export default {
name: 'app',
data () {
return {
msg: 'Welcome to Your Vue.js App',
paramsObj:{//不填显示默认
title:'111',//文字提示
titleSize:'40px',//文字大小
titleColor:'',//文字颜色
img:require('./assets/logo.png'),//图片
imgWidth:'300px',//图片大小 --宽
imgHeight:'300px',//图片大小 --高
imgMarginTop:'20px'//图片与文字的距离
}
}
},
components:{
Main
}
}
</script>