Vue初识

Volcano_WQL

于 2020-03-24 17:48:50 发布

阅读量128

点赞数

分类专栏： Vue.js自学笔记文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/qq_45614713/article/details/105077267

版权

Vue.js自学笔记专栏收录该内容

12 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue介绍</title>
</head>
<body>
    MVC                          -->                       MVVM
    Model：数据表示模型->数据（JS变量）                       Model:数据存储
    View：视图->用户界面（HTML+CSS）                         View ：负责页面显示
    Control:控制器->事件交互->根据视图与用户交互改变数据       View Mode 负责业务逻辑处理
            (通过DOM对象绑定事件，将变量进行修改）
    MVVM->Vue核心->数据驱动
    特点： ·提高渲染效果
           ·双向数据绑定
            ·提供一整套完整方案->框架-》难切换
    JS中构件的类似DOM的对象->虚拟DOM
    Vue2.0->基于虚拟DOM
    缺点:不适合大型开发
    声明式渲染
        <div id="root">
            {{title}}
            <!--  {{ }}  为插值表达式，对应vue实例中data元素 -->
        </div>
    <script>
        let root=new Vue({  //创建Vue实例
            el:"#root",//绑定id
            data:{
                title:"hello world"
            }
        })
    </script>
</body>
</html>