vue学习--入门demo01

最新推荐文章于 2024-10-05 13:03:38 发布

嘀咯咙咚呛

最新推荐文章于 2024-10-05 13:03:38 发布

阅读量111

点赞数

分类专栏： vue学习

本文链接：https://blog.csdn.net/weixin_43231352/article/details/88740697

版权

vue学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

页面html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue.js测试程序</title>
    <!--引入js类库-->
    <script src="vue.min.js"></script>
</head>
<body>
<div id="app">
    {{name}}
</div>
</body>
<script>
    <!--编写  model  VM-->
    var VM = new Vue({
        el: '#app',
        data:{
            name: '学个跑批啊,哥'
        }
    })

</script>
</html>

第一步:引入 vue.js
 <script src="vue.min.js"></script>
 第二步:页面view展示,变量 --- 插值表达式
 <div id="app">
    {{name}}
</div>
第三步: model  + VM
<script>
    <!--编写  model  VM-->
    var VM = new Vue({
        el: '#app',
        data:{
            name: '学个跑批啊,哥'
        }
    })
</script>