1.0.6 • Published 3 years ago
reactive-data196 v1.0.6
使用
<body>
<div id="#app"></div>
<template id="template"> your doms </template>
</body>
LIKE THIS :
<input type="text" v-model="name" :value="name" placeholder="name" />
<p>姓名:<span>{{ name }}</span></p>
<button v-click="getName">获取name值</button>
const vm = new Vues({
el: "#app",
template: "#template",
data() {
return {
name: "xiaoming",
};
},
methods: {
getName() {
console.log(this.name);
},
},
});
webpack 打包为 libary 包
output:{
path:'',
filename:'',
libary:'Vues',
targetLibary:'umd',// umd/amd/cmd
}
package.json
// package.json
"dev":"set NODE_DEV=development&&webpack",
"build:production":"set NODE_DEV=production&&webpack",
// -----------------------------------------------
// 判断
const isDev = process.env.NODE_EV === 'development'?true:false;
index.js
+ 可以使用导入导出语法
+ bind(this) 常用(虽然没有用,但应该用)
+ 构造函数得方式