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 id="app">
        <h3>{{title}}</h3>
    </div>
    
</body>

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

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

</html>

 

posted @ 2019-07-22 23:12  WiseAdministrator  阅读(161)  评论(0)  编辑  收藏  举报