Vue中出现[vue/compiler-sfc] Missing semicolon报错，求修复方案

这个报错的本质不是真的缺少分号，而是你对Vue组件data选项的写法有误。Vue要求组件的data必须是一个返回对象的函数，你的代码直接在data()里写了属性列表，缺少return关键字，导致语法解析混乱，才触发了这个误报。

修复后的正确代码：

export default {
    props: ['pageCreated'],
    data(){
        return {
            pageTitle: '',
            linkText: '',
            linkUrl: '',
            content: ''
        }
    }
}

关键修正点：

• 在data函数内部添加return语句，把所有响应式数据包裹在返回的对象中
• 确保对象语法正确，所有属性放在{}内，通过return暴露给组件

这样调整后，语法解析错误会消失，控制台的分号提示也会随之解决。

内容的提问来源于stack exchange，提问作者Unity Enjoyer