Javascript 需要有关在刀片服务器中使用vue cdn脚本的帮助吗

大家好，我正在处理项目注册页面我想在刀片模板内使用Vue cdn和Vue控制台。

我创建了“显示和隐藏”选项，但在控制台中没有显示错误，但当我单击“显示/隐藏”按钮时，说明正在工作

register.blade.php

<div class="form-group form-group-auth @error('password') is-invalid @enderror">
<label for="password">{{ __('Password') }} <span class="text-danger">*</span></label>
<a href="#" data-toggle="modal" data-target="#SecurePw-guide-Modal" class="float-right text-dark text-underline">What is a secure password?</a>
<div class="input-group">
<div class="input-group-prepend">
    <span class="input-group-text"><ion-icon name="lock-closed-outline"></ion-icon></span>
</div><!-- End input-group-prepend -->
<input  :type="passwordType"
        v-model="password"
        id="password" 
        class="form-control form-control-auth"
        name="password"
        placeholder="Password *"
        autocomplete="new-password" />
        <div class="input-group-append">
            <span class="input-group-text">
                <i class="ion" v-bind:class="[passwordIcon]" v-on:click="hidePassword = !hidePassword"></i>
            </span>
        </div><!-- End input-group-append -->
</div><!-- End input-group -->
@error('password')
<div class="invalid-feedback invalid-feedback-msg d-block">
    <p class="mb-0">{{ $message }}</p>
</div>
@enderror
</div><!-- End form-group -->

@section('scripts')
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script>
const registerForm = new Vue ({
    el: '#registerForm',
    data: function () {
        return {
            password: '',
            hidePassword: true
        }
    },
    computed: {
        passwordType() {
            return this.hidePassword ? 'password' : 'text'
        },
        passwordIcon() {
            return this.hidePassword ? 'ion-md-eye' : 'ion-md-eye-off'
        }
    }
});
</script>
@endsection

{{{{（'Password'）}*
@错误（'密码'）
{{$message}
@恩德罗
@节（“脚本”）
const registerForm=新的Vue({
el:'注册执行'，
数据：函数（）{
返回{
密码：“”，
hidePassword：真的
}
},
计算：{
密码类型（）{
返回此密码。hidePassword？“密码”：“文本”
},
密码图标（）{
返回此。hidePassword？'ion md eye'：'ion md eye off'
}
}
});
@端部

您希望为输入组提供一个id为

registerForm

，以便Vue找到它并将您的应用程序附加到它