day01 初识Vue.js

1.1什么是Vue.js?
(1).简单小巧的核心,渐进式技术栈,
所谓的简单小巧是指Vue.js压缩后仅仅只有17kb,而渐进式就是你可以一步步地、有阶段性地使用Vue.js.
(2).提供了现代web开发中常见的高级功能

  • 解耦视图与数据
  • 可复用的组件
  • 前端路由
  • 状态管理
  • 虚拟DOM
    1.1.1 MVVM模式
    简单的来理解,就是通过双向绑定来让视图层和视图模型保持一致,自动更新状态。
    1.2如何使用Vue.js
    这是两种v-for遍历方法的区别
<body>
    <div id="app">
         <ul>
             <li v-for="(elem,i) of books" :key="i">{{elem.name}}</li>
         </ul>
    </div>
    <script>
        new Vue({
            el:'#app',
            data:{
                books:[{name:'《Vue.js实战1》'},
                       {name:'《Vue.js实战2》'},
                       {name:'《Vue.js实战3》'}
                                               ]
            }
        })
    </script>
</body>
<body>
    <div id="app">
         <ul>
             <li v-for="elem in books">{{elem.name}}</li>
         </ul>
    </div>
    <script>
        new Vue({
            el:'#app',
            data:{
                books:[{name:'《Vue.js实战1》'},
                       {name:'《Vue.js实战2》'},
                       {name:'《Vue.js实战3》'}
                                               ]
            }
        })
    </script>
</body>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值