1.1.1 • Published 3 years ago

wxp_blank v1.1.1

Weekly downloads
12
License
MIT
Repository
-
Last release
3 years ago

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>
1.1.1

3 years ago

1.1.0

3 years ago

1.0.0

3 years ago