vue 初识

vue官方文档:https://cn.vuejs.org/

一、vuejs的优点

  1.易用

    已经会了HTML、CSS、JavaScript?即刻阅读指南开始构建应用!

  2.灵活

    不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩。

  3.高效

    20kBmin+gzip运行大小

    超快虚拟DOM

    最省心的优化

  虚拟的DOM的核心思想是:对复杂的文档DOM结构,提供一种方便的工具,进行最小化地DOM操作。这句话,也许过于抽象,却基本概况了虚拟DOM的设计思想

  • 提供一种方便的工具,使得开发效率得到保证
  • 保证最小化的DOM操作,使得执行效率得到保证

  ps:关于虚拟dom,在这里不做赘述,大家可以这样认为,虚拟dom的道染速度要比我们真实的dom道染速度快

二、vuejs的小示例

...
<body>
   # 这个div下的所有标签归属于当前vue实例化对象
    <div >
        <h3>{{title}}</h3>
    </div>
    
</body>

<script src="./js/vue.js"></script>

<script>
    // 创建vue实例化对象
    var app = new Vue({
        el: "#app",
        
        // 所有的数据都放在数据属性中
        data: {
            title: "土豆"
        }
    })
</script>

</html>