Vue进阶

<!-- 混入：复用逻辑 -->
<script>
export default {
  data() { return { msg: 'hello' } },
  created() { console.log('混入生命周期') }
}
</script>
<script>
import mixin from './mixin.js'
export default { mixins: [mixin] }
</script>

<!-- 组合式API：逻辑复用更灵活 -->
<script setup>
import { ref, onMounted } from 'vue'
function useCounter() {
  const n = ref(0)
  const inc = () => n.value++
  return { n, inc }
}
const { n, inc } = useCounter()
onMounted(() => inc())
</script>
<!-- 插件注册 -->
import { createApp } from 'vue'
import MyPlugin from './plugin'
createApp(App).use(MyPlugin)