第1章遇见Vue.js

来源：互联网发布：win10的java环境配置编辑：程序博客网时间：2024/06/03 15:24

1.1 MVX模式是什么

1.1.1 MVC
这里写图片描述

1.1.2 MVP
这里写图片描述

1.1.3 MVVM
Google的AngularJS和Vue.js。
M 、 V 、 VM（ViewModel）。View的变化会自动更新到ViewModel,ViewModel的变化也会自动同步到View上显示。
这里写图片描述

1.2 Vue.js是什么
Vue.js聚焦视图层。通过简单的ＡＰＩ提供高效的数据绑定和灵活的组件系统。
特性：
1.轻量
2.数据绑定
3.指令
4.插件化

1.2.1 Vue.js与其他框架的区别
1.与AngularJS的区别
2.与React的区别
3.与Knockout的区别
4.与Ractive.js的区别
5.与Polymer的区别
6.与Backbone.js的区别
7.与Riot的区别

1.2.2 如何使用Vue.js

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><div id="didi-navigator">    <ul>        <li v-for="tab in tabs">            {{ tab.text }}        </li>    </ul></div><script src="../js/vue.js"></script><script>    new Vue({        el: '#didi-navigator',        data: {            tabs:[                {text: '巴士'},                {text: '快车'},                {text: '专车'},                {text: '顺丰车'},                {text : '出租车'},                {text : '代驾'}            ]        }    })</script></body></html>

这里写图片描述

1.2.3 Vue.js的发展历史
Vue.js正式发布于2014年2月。

阅读全文

0 0

第1章 遇见Vue.js

第1章遇见Vue.js