Vue学习案例入门(一)

话不多说,上代码

1.差值表达式的使用


!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 1.使用vue必须要引入包 -->
    <script src="./lib/vue.min.js"></script>  
    <style>
        [v-cloak]{
            display: none;
        }
    </style>
</head>

<body>
        <div id="app">
           <!--v-cloak可解决闪烁问题 替换插值表达式 占位符 -->
           <p v-cloak>{{ msg }}</p>
           <!-- 不带闪烁问题 替换的是 text 内容值 -->
           <h4 v-text="msg"></h4>
           <!-- 表示这是一个html标签 -->
           <div v-html="msg2"></div>
        </div>

        <script>

          var vn=new Vue({
            el: "#app",   //表示当前 vue 示例 要控制页面上那个区域
            data: {       //表示 el 中要用到的数据
                msg: "huzhihong",
                msg2: '<h4>这是一个h4标题</h4>'
            }    

          })

        </script>


</body>
</html>

 上一篇
Git的使用 Git的使用
Git是什么? Git是目前世界上最先进的分布式版本控制系统(没有之一)。Git有什么特点?简单来说就是:高端大气上档次!下面简单介绍下git本人使用记录 ssh公钥是用来和git服务器进行数据交换的,一般生产的SSH 密钥存储在其 ~/
2019-03-20
下一篇 
inno setup学习入门 inno setup学习入门
Inno Setup是什么? Inno Setup 是一个免费的 Windows 安装程序制作软件。第一次发表是在 1997 年。话不多说,开整 组件相关文本框/编辑框 编辑框也叫文本框,是典型的窗口可视化组件,既可以用来输入文本,也可以
2019-03-12
  目录