VUE小小基础

vue 是基于MVVM设计模式的渐进式的纯前端js框架 适用于数据操作为主的项目、、

MVVM 设计模式
界面 (View) html和css
数据模型 (Model) 集中储存一个页面所有变化的数据
视图模型 (ViewModel) 自动将数据模型中的数据绑定 同步到页面需要的位置
MVVM 数据模型 界面 视图模型

手机app 大多数都是以数据操作为主的项目 美团 饿了么
淘宝 京东
而手游这类就不是了 手游主要是以交互效果 UI 操作为主的项目
VUE官网 http//cn.vuejs.org/
使用vue 两种方式
1.下载并引用vue.js文件
2.安装脚手架工具
dom vs 函数库 vs 框架
dom : api 繁琐
函数库 :是给dom 每个步骤一简化 但是没有改变dom做事的步骤 没有简化步骤
框架 简化了开发的步骤 并且彻底避免了大量重复的劳动

绑定语法:{{ }}
指令:
v-bind: 简写 :绑定属性:
v-show 控制一个元素是否隐藏 display: none;
v-if v-else v-else-if 多个条件控制多个元素是否隐藏
v-for 专门根据一个数组的元素 反复动态生成多段相同的页面内容
@+时间名称 给元素绑定事件
v-text
v-html
v-clock
v-pre
v-once
剩下的还没总结 ()

你可能感兴趣的:(VUE小小基础)