如何介绍自己
VUE框架知识
- vue2和vue3响应式的区别
- vue2和vue3diff算法区别
- vue2与vue3响应式原理
- vue2和vue3双向绑定区别
性能优化
前端工程化
微前端
大屏自适应
js循环机制
ES6新特性
promise
hash与history
深拷贝浅拷贝
watch监听与computed
VUE路由
vue组件
公用UI组件封装 #####UI组件二次封装
<template>
<div class="custom-component">
<!-- 在这里放置自定义组件的内容 -->
</div>
</template>
<script>
export default {
name: 'CustomComponent', // 设置组件名称
props: {
// 接收外部传入的属性
prop1: String,
prop2: Number,
...
},
data() {
return {
// 存储组件内部数据
internalData: ''
}
},
methods: {
// 处理事件或逻辑操作的函数
handleClick() {
// 点击事件处理逻辑
},
doSomethingElse() {
// 其他逻辑操作
},
...
},
mounted() {
// 生命周期钩子函数，当组件被挂载到DOM后调用
this.doSomething();
},
computed: {
// 计算属性
computedValue() {
// 返回计算结果
},
...
},
}
</script>
<style scoped>
/* 样式 */
.custom-component {
/* CSS样式 */
}
</style>
