当前位置：网站首页>（3）数据绑定指令

（3）数据绑定指令

2022-06-09 04:08:00 【liuyang___】

v-text 填充纯文本

相比插值表达式更简洁

v-html填充html片段

存在安全问题

        本网站内部数据可以使用，来自第三方的数据不可以用

v-pre填充原始信息

显示原始信息，跳过编译过程（分析编译过程）

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="vue.min.js"></script>
</head>

<body>
    <div id="app">
        <div v-cloak>{
   {msg}}</div>
        <div v-text="msg"></div>
        <div v-html="msg1"></div>
        <div v-pre>{
   {msg}}</div>
    </div>

<script>
    var vm = new Vue({
        el:'#app',
        data:{
            msg:'hello vue',
            msg1:'<h1>html</h1>'
        }
        })
</script>
</body>

</html>

 

原网站

版权声明
本文为[liuyang___]所创，转载请带上原文链接，感谢
https://blog.csdn.net/liuyang___/article/details/125120151

边栏推荐

猜你喜欢

随机推荐