Vue.js应用笔记

目录

1、v-cloak 指令

2、v-on 指令在绑定事件监听时停止冒泡和阻止默认行为

3、Vue 3.0 框架下载地址

---

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>