Vue.js初学

来源:互联网 发布:畜牧兽医网络教育 编辑:程序博客网 时间:2024/05/22 12:50

花了两天的时间研究了一下vue.js和MVVM,记录一下个人的理解

之前使用的MVC模式,通过C层传递数据到V层,C:我给你什么你必须要什么   V:好~~~~吧。。。

MVVM模式更类似于我们去逛商店,需要什么去对应的商店去购买,实现前后端的分离

(MVVM不是分四层,我刚开始一直以为是四层,MV和之前的MVC中的MV一样,Controller变成了ViewModel)

<script type="text/javascript">        var vue = new Vue({            el: "#contentTable",            data: {articles: []},            created: function () {                $.ajax({                    url: "/articles",                    type: "get",                    dataType: "json",                    success: function (data) {                        vue.articles = data;                    },                    error: function () {                        alert("请求失败");                    }                });            }        })</script>
Vue实现了先加载页面,然后通过发送ajax请求去后台请求数据,然后渲染el选定的区域(个人理解,如有错误请大佬指正)

原创粉丝点击