vue

vue基础
template   是一个标签但是在页面不显示  vue自带的标签
 
 
设计模式(MVC/MVP/MVVM)的区别
Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式MVVM框架。
设计模式(MVC/MVP/MVVM)的对比
MVC (Model View Controller ):
1.视图(View):用户界面。
2.控制器(Controller):业务逻辑
3.模型(Model):数据保存
MVC特点:
1、用户可以向 View 发送指令(DOM 事件),再由 View 直接要求 Model 改变状态。
2、用户也可以直接向 Controller 发送指令,再由 Controller 发送给 View。
3、Controller 非常薄,只起到路由的作用,而 View 非常厚,业务逻辑都部署在 View。
MVP(Model View Presenter):
MVP 模式将 Controller 改名为 Presenter,同时改变了通信方向。
MVP特点:
1、各部分之间的通信,都是双向的。
2、View 与 Model 不发生联系,都通过 Presenter 传递。
3、 View 非常薄,不部署任何业务逻辑,称为"被动视图"(Passive View),即没有任何主动性,而 Presenter非常厚,所有逻辑都部署在那里。
MVVM( Model-View-ViewModel ):
MVVM 模式将 Presenter 改名为 ViewModel,基本上与 MVP 模式完全一致。
MVVM特点:
唯一的区别是,它采用双向绑定(data-binding):View的变动,自动反映在 ViewModel,反之亦然。VUE采用这种模式。
VUE初相识
Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式MVVM框架。正式发布于2014年2月,2016年4月,发布2.0版本,创造者-尤雨溪。
vue官网:https://cn.vuejs.org/
Vue的优点:
1、性能好
2、简单易用
3、前后端分离
4、单页面应用(SPA)用户体验好,还可以做转场动画
Vue的缺点:
1、不适合seo优化,解决方案服务端渲染(SSR)。
2、模板模式开发,封装的比较厉害,代码报错信息不明确。
3、适合单人开发,适合中小型项目。
VUE数据驱动和双向绑定
安装vue
CDN引入:
对于制作原型或学习,你可以这样使用最新版本:
对于生产环境,我们推荐链接到一个明确的版本号和构建文件,以避免新版本造成的不可预期的破坏:
vue-cli3脚手架安装:
npm install -g @vue/cli
创建项目:
vue create 项目目录
初始化
    {{name}}

你可能感兴趣的:(vue)