帮忙看看 Vue 的问题

[longkas239]

环境 vite + vue3 + element plus, 组件中的两端 script 代码，这两处 setup 看日志有一处没有运行，是正常的吗，app 引用的时候提示找不到 "form"

App.vue

<script setup>
	import moment from 'moment/min/moment-with-locales'
    import { ref, reactive, toRefs, toRef } from 'vue'
    console.log("setup from setup");
</script>


<script>
    import { reactive, toRefs } from 'vue';
    export default {
        setup() {
            console.log("setup from default");
            const state = reactive({
                form: {
                    userName: '',
                    newPass: '',
                }
            });
            return {
                ...toRefs(state),
            }
        },
</script>

[vacnt7]

return 里面直接 return state 就好了，不是很清楚为什么还要再去 refs 一次 state ，上面的 reactive 已经将 form 初始化为响应式变量了

[chengxy]

@vacnt7 #1 估计是要解构，不想使用 state.form 的方式。

[dengshen]

默认导出覆盖 setup 了

[gouflv]

vue3 的代码风格一言难尽

[kensoz]

单文件组件<script setup>与普通的 script 一起使用
https://v3.cn.vuejs.org/api/sfc-script-setup.html#%E4%B8%8E%E6%99%AE%E9%80%9A%E7%9A%84-script-%E4%B8%80%E8%B5%B7%E4%BD%BF%E7%94%A8

[longkas239]

这个问题是解决了，但是后面遇到了诡异的其他 bug ，官方说两种 script 可以混用，但是 antd 和 elementplus 都不建议使用，我提 bug 到 vite 然后转到 element 再转到 vue ，对于使用者根本不知道问题会出现在哪一端，而且开发模式正常只有打包部署出问题，调试完这个程序我是不想碰前端项目或者考虑换个扎实点的前端框架了

[tolking]

总有人不看文档.jpg