目录
1、v-cloak 指令
v-cloak 指令可以隐藏未编译的 Mustache 标签直到实例准备完毕,否则在渲染页面时,有可能用户会先看到 Mustache 标签,然后看到编译后的数据。
(1)设置CSS样式 display:none
<style type="text/css">
[v-cloak] {
display: none !important;
}
</style>
(2)使用 v-cloak 指令,指令格式:
<p v-cloak>{{message}}</p>
2、v-on 指令在绑定事件监听时停止冒泡和阻止默认行为
<button v-on:click.stop.prevent="doThis()"></button>
3、Vue 3.0 框架下载地址
下载地址:https://unpkg.com/vue@3.4.38/dist/vue.global.js
引用方式:
<!-- 将 Vue 框架下载后,在应用程序中引用(推荐) -->
<script src="../js/vue.global.js"></script>
<!-- 引入 Vue3.0 的官网中提供的 CDN 链接 -->
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<!-- 国内的 CDN 推荐 -->
<script src="https://cdn.jsdelivr.net/npm/vue@3"></script>