vue第一天

一，Vue.js vue官网说：Vue.js（读音 juː/，类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。渐进式我个人理解就是阶梯式向前。vue是轻量级的，它有很多独立的功能或库，我们会根据我们的项目来选用vue的一些功能。就像我们开发项目时如果只用到vue的声明式渲染，我就只用vue的声明渲染，而我们要用他的组件系统，我们可以引用它的组件系统。官网：https://cn.vuejs.org/
Vue作者：尤雨溪/中国无锡vue-cli Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动 vue的渐进式表现为：声明式渲染——组件系统——客户端路由——-大数据状态管理——-构建工具 二、库和框架的区别
库（Library）
库，本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把 控制权交给使用者
代表：jQuery
jQuery这个库的核心：DOM操作，即：封装DOM操作，简化DOM操作
框架（Framework）
框架，是一套完整的解决方案，使用框架的时候，需要把你的代码放到框架合适的地方，框架会在合适的时机调用你的代码四、MVVM的介绍
1.MVVM组成
MVVM ===> M / V / VM
M：model数据模型
V：view视图
VM：ViewModel 视图模型

​编辑2.优势对比
MVC模式，将应用程序划分为三大部分，实现了职责分离
在前端中经常要通过 JS代码 来进行一些逻辑操作，最终还要把这些逻辑操作的结果现在页面中。也就是需要频繁的操作DOM
MVVM通过数据双向绑定让数据自动地双向同步V（修改数据） -> M
M（修改数据） -> V
数据是核心
Vue这种MVVM模式的框架，不推荐开发人员手动操作DOM五，安装脚手架vue-clivue-cli
npm install -g @vue/cli

​编辑搭建项目
cd C:\Users\Wang\Desktop

​编辑输入：vue create 项目文件名字
vue create vue当出现 Successfully created project vue. 则表示已成功搭建Vue脚手架

​编辑v-bind 绑定属性我们使用v-bind:缩写：冒号（:）
预期：any(with argument) | Object(without argument)，可以是任何一个值也可以是一个对象
参数：attrOrProp(optional)
修饰符：.camel - 将 kebab-case-attribute名转换为 camelCase
用法 动态地绑定一个或多个attribute，或一个组件prop到表达式。v-for1.v-for遍历普通数组语法 :
v-for=“(item,index) in array"item : 数组中的每一项index : 索引值如果只需要第一个参数item ,index可以不写,括号可以省略2.v-for遍历对象数组语法 :
v-for=”(item,index) in array" item : 数组中的每一项(每一个对象)index : 索引值如果只需要第一个参数item ,index可以不写,括号可以省略3.v-for遍历对象语法 :
v-for="(value,key,index) in obj"value: 属性值key : 属性index : 索引值如果只需要第一个参数value,那么key 和index可以不写,括号可以省略​