前端框架Vue3基础部分

什么是Vue？

Vue是一个能用于构建用户交互页面（动态网页）的渐进式JavaScript框架，易学易用，性能出色，适用性强的Web前端框架。

Vue的设计模式？

Vue的设计模式：MVVM模式

MVVM设计模式是不让Model和View这两层直接通信，而是通过VM层来连接。

文本

插值表达式：可以使用{{ }}在模版中插入数据。比如{{name}}，它就会显示name的值。

响应式数据

    
{{ msg }}



    
        import {createApp, ref} from "./vue.esm-browser.js"  //模块化开发方式
        createApp({
            setup(){
                const msg=ref("你好");
                msg.value="你好你好";               //（修改后）用value属性修改msg的值
                return{
                    msg,
                }
                }
                
        }
        ).mount("#app");
    

    

        
{{ web.title }}
        
{{ web.url }}
    
    
        import {createApp,  reactive} from "./vue.esm-browser.js"  //模块化开发方式
        createApp({
            setup(){
                const web = reactive({
                    title: "百度一下，你就知道",
                    url: "www.baidu.com"
                });
                // 返回一个对象类型的数据
                return { 
                         web,
                         
                 }
            }
        }
        ).mount("#app");
    

创建Vue项目