目录
源码组织方式
- 源码采用TypeScript 重写
- 使用 Monorepo 管理项目结构
Composition API
option api
- 包含一个描述组件选项(data, methods, props等)的对象
- Option APi 开发复杂组件,同一个功能逻辑的代码被拆分到不同选项
option api demo
export default {
data() {
return {
positon: {
x:0,
y:0,
}
}
},
created() {
window.addEventListener('mousemove', this.handle)
},
destroyed() {
window.removeEventListener('mousemove', this.handle)
},
methods: {
handle(e) {
this.position.x = e.pageX;
this.position.y = e.pageY;
}
}
}
composition api (基于函数的API)
- vue3.0新增了一组APi
- 一组基于函数的api
- 可以更灵活的组织组件的逻辑
compostion api demo
function useMousePosition() {
const position = Vue.reactive({
x: 0,
y: 0
});
const update = e