VUE
组件通信
父传子
示例：
子传父
插值表达式
支持的表达式格式：
注意点
- {{k}}，这个k必须在data里存在。
- 括号里不支持js关键字。
- 不能在html标签属性中使用。
目录结构
脚手架
1：下载nodejs
url: https://nodejs.org/en/download
// 需要连外网
2: 执行npm命令安装vue脚手架，（也可用淘宝镜像）
命令：npm install -g @vue/cli
2：检查安装成功
// 检查安装成功命令
vue --version
3-1：创建项目-浏览器方式
1：执行命令：vue ui
2：浏览器访问：http://localhost:8000/project/select 选择创建项目：
需要联网，创建成功页面：
3-2：创建项目-命令行方式
1：选择目录后，cmd
2: 执行 vue create 项目名（不要有中文）
3：启动项目：
创建好后，根据前面的选择，执行yarn serve 或 npm run serve
4：启动命令的由来
vscode
插件
- Live Server 热更新工具
- Open in Browser 右键用浏览器打开
- vue-helper Element-UI, VUX, IVIEW 智能代码提示
- Auto Rename Tag 修改尾部标签，自动修改头部的
使用技巧
- 标签tab补全，需要在左下角-Settings-搜索trigger on tab
快捷键
- 注释
ctrl + / 给选中的行添加注释，或取消注释
alt + shift +a 多行注释 /**/ - ctrl +- 放大缩小
- ctrl + x 选中多行（删除选中的内容）/选中内容在一行（删除单行）
- ctrl + b 显示/隐藏左侧目录栏
- shift + alt + 向上/向下箭头 复制选中所有行
- shift + ctrl + k 删除选中的所有行
- shift + ctrl + f 全局搜索文件或字符
- shift + alt + f 代码格式化
- shift + ctrl + n 新开窗口
打开项目
- 打开项目
1：开启新窗口
2：选择项目的父级目录
饿了么ui
- 需要下载组件
查看是否有安装：
