vue基础概念:是一个渐进式的框架
指令
**v-bind **
v-bind
作用：设置标签属性
简写语法：:属性名=“变量” v-baind:属性名=“变量”
变量在data方法的返回对象里面
v-on
v-on
三种语法
v-on:事件名=“少量代码”
v-on:事件名=“方法”
v-on:事件名=“方法（参数）”
获取事件参数：
v-on：click=“fn” -----fn的第一个参数
v-on：click=“fu(10,$event)”
事件修饰符:
语法：@事件名.修饰符=“ 执行的代码 ”
stop：阻止冒泡
once：只执行一次
prevent:阻止默认行为
按键修饰符：
enter ----回车键
esc ----Esc键
@keydown.enter="fn"
翻转世界
方法：
1、split（""） ----字符串拆分成为数组
2、reverse() -------数据倒转，修改原始的数组
3、join("") --------把数组拼接成为一个字符串
做所有效果的时候一定要先静态在动态 ， 先 静 后 动
v-model
v-model="变量"
下拉选择
select ----v-model写在select上，绑定选中的option的 value
input：checkbox
x-model写在每一个input上
v-model如果是数组的，绑定的input的value
v-mode变量不是数组，则绑定checked属性，为布尔值
input：radio ---单选绑定的是value
textare
v-model的修饰符
v-mpodel.修饰符="变量"
.number 转换为数字
.trim 去掉收尾的空百符
.lazy input框失去焦点才更新变量
v-for
语法：
v-for="变量" in "数据"
v-for="(变量，索引) in 数据"
数据：数组，对象，数字，字符串
差值表达式
差值表达式
语法：{{表达式}}
表达式的变量声明在data方法的返回值对象里
MVVM设计模式
设计模式：一类问题的通用解决方案
MVVM：数据（模型） ----视图（View） -----VM
脚手架
安装脚手架
npm install -g @vue/cli
vue create 项目名 注意：不能有大写字母、中文、特殊字符（空格也不要有）
进入项目后台 运行：npm run server
脚手架的项目结构
node_modules -------存放第三方依赖包
public/index.html -----浏览器运行的文件
src:App.vue -----页面渲染入口
main.js ------打包入口
运行的流程
main.js--->App.vue --->index.html
配置脚手架项目
vue.config.js
端口号：devServer:{
port:端口号
}
ESLint:代码检查工具
lintOnSave:false
Vue单文件
template只能有一个根标签
js作用域吧不会起冲突
style配合scoped可以作用域独立
\
