Vue插值表达式

最新推荐文章于 2022-09-02 23:13:26 发布

end-less

最新推荐文章于 2022-09-02 23:13:26 发布

阅读量246

点赞数

分类专栏：学习记录

本文链接：https://blog.csdn.net/zg97zb/article/details/103842195

版权

学习记录专栏收录该内容

19 篇文章 0 订阅

订阅专栏

支持三目运算符、数学运算等

不支持声明变量和条件控制语句

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Vue实验</title>
</head>
<script src="js/vue.js"></script>
<body>

<div id="app">
    {{message}}
    <!-- 三目运算符-->
    {{ true ? "OK":"NOO"}}
    <!--  数学运算  -->
    {{number*3.14}}
    <!-- 错误  页面什么都没显示 -->
    {{var i=0}}
    {{if(true){}}

</div>

</body>
<script>
    //创建Vue对象  view model
    new Vue({
        el: "#app",//由vue接管id为app的区域
        data: {
            message:"Hello Vue!",//注意此处不要加分号
            number:100
        }
        });
</script>
</html>

结果会导致页面是空白页