VUE

最新推荐文章于 2024-05-20 01:02:42 发布

Joker_Lie

最新推荐文章于 2024-05-20 01:02:42 发布

阅读量237

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/Joker_Lie/article/details/109223067

版权

vue 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

一、简介

在这里插入图片描述

MVVM：实现了双向数据绑定
VUE是一个MVVM的实现者，核心是DOM监听与数据绑定，组件化

el:element指明页面中被当前vue绑定的对象，数据绑定
data:就是用来提供数据的
插值表达式的作用：
在这里插入图片描述

<!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 v-if="flag">
               今天天气还行
           </p>
    </div>
</body>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        //el:element指明页面中被当前vue绑定的对象
        //data:就是用来提供数据的
        new Vue({
            el: "#app",
            data:{
                name: 'zhangsan',
                age: 20,
                gender: '男',
                school:{
                    name:'江理工',
                    addr:'杭州'
                },
                flag:true
            },
            methods:{
                show:function(){
                    return "hello vue"
                }
            }
        });
    </script>
</html>