初识vue.js

前一段时间学习了vue.js,现在来复习一下,温故而知新,哈哈哈

什么是vue.js?

Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API(不知道MVVM的可以参考上一篇文章)

 Vue.js是一个构建数据驱动的Web界面的库。

总之,Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。核心是一个响应的数据绑定系统。

MVVM

举个最简单的例子:

    <!-- 这是View -->
    <div id="example">
        {{name}}
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>

     // 这是Model
      var exampleData = {
        name: 'Vue.js'
       }

    // 创建一个 Vue 实例或 "ViewModel"
    // 它连接 View 与 Model
    var exampleVM = new Vue({
       el: '#example',
       data: exampleData
})

猜你喜欢

转载自blog.csdn.net/weixin_41910848/article/details/81672865
今日推荐