核心特点
组件化 数据绑定 路由导航管理【页面切换跳转】 状态-共享数据 服务器化
原理--MVVM模式
view--viewmodel--model 视图模型---数据模型
网页页面---视图和数据之间连接桥梁【VUE】--数据【数据库或者文件】
vue的作用
监听变化和事件触发去进行数据双向关联
基本结构
创建vue的对象进行相关业务的统一处理
var vueapp=Vue.createApp({
vue处理的业务
});
需要将vue对象关联或者挂在到页面上
//挂载到页面标签
var vm=vueapp.mount("关联的标签对应选择器（id）");
vue如何去帮助我处理业务或者vue提供了哪些技术来帮助我们处理业务
data：方法用于定意思vue中的属性变量
computed：就散数据，数据变动处理
watch：监听属性，用于监控属性的变化，作出相应处理
method：方法/函数，用于管理所有的函数
component：组件的定义，自定义组件【自定模块页面】
template：模块，用于定义处理内容
data选择
解释：是一个函数，通过函数的返回值来进行数据获取，
返回值是一个对象，返回的对象中用户定义我们组件需要的属性变量
语法规范：
data(){
return{
定义你需要的变量属性
}
}
备注
定义属性的语法：
属性名：属性初始值
多个属性使用，逗号隔开
属性类型---js所支持的所有的类型
vue为了方便获取vue说对象中信息单独使用，自动将自己的模块信息打包成属性对象：$模块名字
获取data里面的属性
挂载过后返回的对象.$data.属性名
页面显示数据方式
显示数据
vue提供页面显示动态数据的语法
{{显示的内容}}
备注
显示内容分类
常量数据
vue变量数据
运算表达式
控制显示【指令】
vue指令
vue提供的一些v- 开头用数据绑定的特殊代码，主要用来是实现数据与页面的关联【封装原生DOM的操作过程】
vue提供的指令
v-model：数据模型的绑定，文本框信息与变量属性双向绑定
只对input标签信息有效
语法
<input type="text" v-model="属性变量名">
v-bind：用户绑定其他除了input的值以为的属性的动态的绑定
语法
<标签名 v-bind：标签属性名=“属性变量值” >
控制数据的显示
v-if,v-else-if，v-else
<标签名 v-if=“条件表达式或者逻辑关系”>
注意
组合方式
v-if
v-if，v-esle
v-if，多个v-else-if
v-if，多个v-else-if，v-eles
使用方式
组合使用的标签之间必须连接
循环：v-for
语法：<标签 v-for="(val,key,index)in 对象/数组/证书">
事件处理：v-on
显示掩藏数据的指令：v-show
