vue打卡－hello vue

学习vue第一天

• 什么是vue?
  vue是一种基于构建用户界面的渐进式框架．
  emmmm.....官方话语，自行体会
• 为什么学习vue
  个人来说，想要探究数据的双向绑定，对比以前学习的react框架
• 开始学习吧....
  1.hello vue

    <p>{{message}}</p>
    <p>生成数据</p>
</div>
<script>
    let message = "hello vue";

    let vm = new Vue({
        el:"#app",
        data:{
            message:message
        }
    })
</script>

hello_vue

2.体验vue的数据响应式
数据更新，视图就更新，不用操作DOM

<div id="app">
    <p>{{message}}</p>
    <p>生成数据</p>
</div>
<script>
    let message = "hello vue";

    let vm = new Vue({
        el:"#app",
        data:{
            message:message
        }
    })
</script>

2019-05-09 19-07-30 的屏幕截图.png

2019-05-09 19-07-23 的屏幕截图.png

• vue的两大核心
  (1)数据的响应式绑定
  (2)可组合的视图组件