项目文件结构

脚手架：项目文件结构

脚手架的搭建

npm -v 查看npm版本

脚手架安装

1.npm install vue-cil -g 全局安装 （vue list 查看vue可以使用的模板）
2.vue init 模板名 项目名
3.进入项目目录
4. npm install 构建项目，安装依赖库
5.npm run dev /nom run serve （注意vue-cil的版本）

最新安装命令
npm install -g @vue/cli
vue --version
npm cache clean --force 清除缓存
vue create 项目名
npm run serve 运行项目

2，组件
单文件组件：

注：template里只能有一个根节点，组件中的data必须是一个函数
script 里的data 是一个函数，在函数里return对象
style 只是当前组件是用这里的样式 加scope
引用组件
import 导入
import 组件名 from ‘路径’

注册组件
components:{
键名：组件名
}
注：对象中键名与值相同时，可以只写一个
使用组件
<键名></键名>

组件传值
属性向下流，事件向上走
父传子用prop
子传父：定义事件，触发事件

注：组件之间的关系，只有父子关系

slot 插槽

父组件可以向子组件添加 dom
————————————————
版权声明：本文为CSDN博主「唐十八_wei」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/shibaweijin/article/details/106611647