第一件事情：环境搭建
工具
普通web项目
引入vue.js
第二件事情：vue语法
1.框架----成品功能---可以直接使用
规范会编程
2.核心特点
组件化 数据绑定 路由管理 【页面切换跳转】 状态-共享数据 服务器化
3.原理--MVVM模式
view---viewmodel--model 视图----视图模型-----数据模型
网页页面----视图和数据之间连接桥梁----数据【数据库或者文件】
vue的作用：
监听变化和事件触发---去进行数据双向关联
4.基本结构
创建vue的对象--进行相关业务的统一管理
需要将vue对象关联或者挂载到页面标签上
var vm=vueapp.mount("关联的标签选择器(id)");
5.vue如何去帮助我处理业务或者vue提供了哪些技术来帮助我们处理业务
data：方法用于定义vue中的属性变量
computed：计算数据，数据变动处理
watch：监听属性，用于监控属性的变化，做出相应处理
component：组件的定义，自定义组件【自定模块页面】
template：模块，用于定义处理内容
6.date选项
解释：是一个函数，通过函数的返回值来进行数据获取，
返回值是一个对象，返回的对象用于定义我们的组件需要的属性变量
语法规范：
data(){
return{
定义你需要的变量属性
}
}
备注：
定义属性的语法：
属性名：属性初始值
多个属性使用，隔开
属性的类型----js所支持的所有的类型
vue为了方便获取vue说对象中信息单独使用，自动将自己的模块信息打包成属性对象：$模块名
获取data里面的属性
挂载过后返回的对象.$data.属性名
3.页面显示数据的方式
1）显示数据
vue提供页面显示动态数据的语法
{{显示的内容}}
备注：
显示内容分类
常量数据
vue变量数据
运算表达式
2）控制显示【指令】
vue指令是干什么的？
vue提供的一些v-开头用数据绑定的特殊代码，主要用来是实现数据与页面的关联【封装原生DOM的操作过程】
vue提供的指令有：
v-model：数据模型的绑定，文本框信息与变量属性双向绑定
只对input标签信息有效
语法：
v-bind：用于绑定其他处理input的值以外的属性的动态值的绑定
< 标签名 v-bind:标签属性名="属性变量值" >
控制数据的显示
v-if,v-else-if,v-else
<标签名 v-if="条件表达式或者逻辑表达式"
注意：
组合方式
v-if
v-if,v-else
v-if,多个v-else-if
v-if,多个v-else-if,v-else
使用方式
组合使用的标签之间必须连续
循环 v-for
语法：<标签 v-for="(val,key,index) in"
