vue的基本代码

最新推荐文章于 2024-05-14 17:58:50 发布

轻尘×

最新推荐文章于 2024-05-14 17:58:50 发布

阅读量1k

点赞数

分类专栏： vue-js

本文链接：https://blog.csdn.net/leisure_life/article/details/83899123

版权

vue-js 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!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>vue 入门</title>
    <!--1 导入vue.js库-->
    <script src="./lib/vue.js"></script>
</head>

<body>

    <!--下面new的Vue实例，会控制这个元素中的所有元素-->
    <div id="app">
        <p>{{msg}}</p>
    </div>
    <script>
        //2  创建一个vue实例
        //当导入Vue包后，在浏览器的内存中，就多了一个Vue构造函数
        var vm = new Vue({
            el: '#app',    //表示当前new的这个Vue实例，要控制页面上的哪个区域
            data: {  //data 属性中，存放的就是el中要用到的数据
                msg: '欢迎来到vue'   //通过Vue提供是指令，把数据渲染到页面，无需再手动操作DOM元素
            }
        })

    </script>
</body>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

轻尘×

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue的基本代码

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt;
复制链接

扫一扫