2019-05-24发表2019-05-24更新前端1 分钟读完 (大约170个字)

Vue的几个基本指令

本节要点
	v-cloak
	v-text
	v-html
	v-bind:
	v-on:

v-cloak

解决插值表达式加载慢的时候出现未渲染之前的标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>麦田里的风</title>
    <style>
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body>
<div id="test">
    //加上 v-cloak属性,在前面的style中设置不显示
    <p v-cloak>
        {{ message }}
        <br>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<script>

    const vm = new Vue({
        //el 表示 new 的这个实例要控制的是哪个区域
        el: '#test',
        //存放的是 el 中要用到的数据
        data: {
            message: '测试!'
        }
    });
</script>
</body>
</html>

v-text

与插值表达式大致相同,用于显示内容,但是不能在 data 前后加上其他内容

v-html

插入 html 元素并渲染

v-bind

属性绑定缩写为 :

v-on

事件绑定缩写为 @

#前端 Vue

支付宝

微信

Vue的几个基本指令

v-cloak

v-text

v-html

v-bind

v-on

喜欢这篇文章？打赏一下作者吧

评论

最新文章

标签

分类

Your browser is out-of-date!