Vue.js 来自html的相同vue代码在刀片文件中不起作用

下面是来自html的代码：

<div id="app">
    <select @change="onSelectUserType()" v-model="type">
        <option value="">Who are you?</option>
        <option value="tailor">Tailor</option>
        <option value="store">Store</option>
        <option value="customer">Customer</option>
    </select>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js"></script>
<script>
    new Vue({
        el: "#app",
        data: {
            type: ''
        },
        methods: {
            onSelectUserType: function () {
                console.log(this.type)
                alert(this.type)
            }
        },
        mounted() {
            console.log('mounted');
        }
    });
</script>

你是谁？
裁缝
商场
顾客
新Vue({
el:“应用程序”，
数据：{
类型：“”
},
方法：{
onSelectUserType:函数（）{
console.log（this.type）
警报（此.type）
}
},
安装的（）{
console.log（'mounted'）；
}
});

---

这是来自html的代码，它正在工作，当我在blade中应用它时，它就不工作了！它应该在更改选项时显示警报和控制台，但不可见，也未检测到错误问题是什么？

您所说的“不工作”是什么意思？您应该提供有关问题的更多详细信息。控制台中一定有错误？你能分享一下吗。“不工作”并不能解释太多。它应该在更改选项时显示警报和控制台，但没有任何可见内容，也没有检测到错误检查@Input是否可以使用Ctrl+U查找源代码，并在此处发布？