components-project

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.

推包

npm login npm publish

install dependencies# install dependencies

cnpm 同步 https://cnpmjs.org/sync/connect

例子

// sumFunction 插件对应组件的名字
import sumFunction from './sum-function';

// Vue.js 的插件应当有一个公开方法 install 。第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象
// 参考：https://cn.vuejs.org/v2/guide/plugins.html#%E5%BC%80%E5%8F%91%E6%8F%92%E4%BB%B6
// 此处注意，组件需要添加name属性，代表注册的组件名称，也可以修改成其他的
 　sumFunction.install = Vue => Vue.component(sumFunction.name, sumFunction);//注册组件

　// 标签的方式引入，留到后面再另开新篇讨论
  //const install = function(Vue, opts = {}) {
　//　　Vue.component(sumFunction.name, sumFunction);
　//}

/* 支持使用标签的方式引入 Vue是全局变量时，自动install */
//if (typeof window !== 'undefined' && window.Vue) {
//  install(window.Vue);
//}

export default sumFunction;

1.0.2

对应一个package包。稳定版本 cnpm install [email protected]

1.0.7

对应一个package包。稳定版本 cnpm install [email protected]

data () { return { num1: 4, num2: 5, sumFromChild:0 } },

methods:{ receiveChildSum(sum){ //自定义事件，接收子组件的和 this.sumFromChild = sum; } }