vue:vue的第一个程序

最新推荐文章于 2024-07-25 12:15:00 发布

迷迷糊糊过好每一天

最新推荐文章于 2024-07-25 12:15:00 发布

阅读量66

点赞数

分类专栏： VUE 文章标签： vue html

本文链接：https://blog.csdn.net/xieping_107/article/details/117326504

版权

VUE 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <p>{{ message }}</p>
        <!-- <br>
        <label for="">message:</label>
        <input type="text" v-model="message"> -->
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>

    <script>
        let app = new Vue({ // 直接New一个vue实例
            el: '#app', // 挂着到id是app的dom容器中，这里是div

            //对象
            data: { // data：表示数据 这里的类型是Object 或者 函数
                message: 'Hello, Vue2.6.11, I am here'
            }

            //函数1
            // data: function() {
            //     return { message: 'hello!!Vuw=e'}
            // }

            //函数2
            // data: ()=>{
            //     return {message: 'Hello vue 123'}
            // }
        })
    </script>


</body>
</html>

let app = new Vue(options) : 直接新建一个名字是app的Vue实例

el: ‘#app’ : 挂在到id是app的Div容器中

data : 表示数据或者Mode，data的类型是Object 或者 Function

迷迷糊糊过好每一天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue:vue的第一个程序

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id="a
复制链接

扫一扫

专栏目录