开源web框架 Django知识点总结（十一）

阅读量：

开源web框架django知识总结（十一）

登录界面文件

复制代码

    @submit.prevent #阻止默认提交

【通过应用 v-cloak 指令定义特定样式，这些样式将在 Vue 实例完成编译后，从对应的 HTML 元素中被清除。

在网络连接速度较慢的情况下，若网页尚未加载完毕 Vue.js 文件，可能导致 Vue 无法及时进行页面渲染，此时用户将看到原始的 Vue 源代码。为避免此类现象的发生，可以借助 v-cloak 指令进行有效处理。

在 Vue 开发中，v-model 指令被用于实现表单控件与数据之间的双向绑定机制。该指令能够实时监听用户的输入操作，并据此更新对应的数据内容。

由于 input 元素中使用了 v-model 绑定至 msg 变量，因此用户输入的内容会即时同步到 msg 中，并随之产生变化。
当 msg 的值发生变化时，由于页面中采用了插值表达式将 msg 的内容渲染至 DOM 结构中，DOM 内容也将随之作出相应的更新。由此实现了数据与视图之间的双向绑定效果。