马上加入IBC程序猿 各种源码随意下,各种教程随便看! 注册 每日签到 加入编程讨论群

C#教程 ASP.NET教程 C#视频教程程序源码享受不尽 C#技术求助 ASP.NET技术求助

【源码下载】 社群合作 申请版主 程序开发 【远程协助】 每天乐一乐 每日签到 【承接外包项目】 面试-葵花宝典下载

官方一群:

官方二群:

VUE介绍

[复制链接]
查看1999 | 回复0 | 2019-8-15 17:10:50 | 显示全部楼层 |阅读模式
1、VUE简介

      最近一段时间,Web前端范畴出现了很多MVVM框架技术,如AngularJS、React,VUE.js等等。
      Vue.js借鉴了AngularJS的设计理念,也吸取了React和AngularJS的教训,VUE被设计成一种轻量级的MVVM框架,文档清晰,容易学习,深受前端开发人员的喜爱。
      Vue通过一个尽量简单的API来提供反应式的数据绑定和可组合、复用的视图组件,它不是一个大而全的框架。
     Vue是一个MVVM框架的实现,他只提供了框架,更多的功能你可以结合其他的前端技术来实现,比如在VUE里面,你想去对DOM进行复杂操作,可以将Jquery引入进来,Jquery对DOM的操作是最灵活最强大的。

2、框架MVC => MVP => MVVM

      为什么写前端需要用框架呢?
      复杂的软件必须有清晰合理的架构,否则无法开发和维护。MVC、MVP和MVVM,三者的目的都是关注分离,使得UI更容易变换、更容易进行单元测试。

2.1. MVC框架

171503jzw97k6t0xpx9kwc.png





2.2. MVP框架

MVC为什么要衍化成MVP框架呢?
这是因为MVC的缺点在于整个都是闭环的,每一个层面都要相互牵扯,功能多样性,违背了单一职责。
171504fook7zotitamt9uq.png





2.3. MVVM框架

MVVM框架是将Presenter功能丰富了下,实现了主动监控数据变化。

171504n19eee5t5yen629z.png



3、VUE安装

下载地址
  https://unpkg.com/vue/dist/vue.js


4、开发工具

    WebStorm

171505zpkm7amhredjmjnk.png




5、第一个VUE程序


171505rjbrheababsjsjfd.png


171505n6z4xh4zw6ly5k66.png


171506u96a1mlo363a6xme.png




点击欣赏器查看
171506gjx88ee2slndb7ae.png




来源:https://www.cnblogs.com/schangxiang/archive/2019/08/15/11358557.html
*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则