组件插槽
<div class="app">
具名插槽
<div>
<artice>
slot='' '' 对应下面的位置
<h2 slot="head">标题：论秦淮河为何如此？</h2>
<button slot="foot">原来如此</button>
</artice>
</div>
</div>
<template id="art">
<div>
<slot name='' ''>对应上面上面的值
<slot name="head"></slot>
<h3>国足在上游洗脚</h3>
<slot name="foot"></slot>
</div>
</template>
<script>
new Vue({
el: '.app',
components: {
artice:{
template:'#art'
}
}
})
</script>
脚手架的创建
1新建文件夹 取名webapp-vue，在文件夹内使用npm init -y 新建一个package.json文件
2.使用npm i -g @vue/cli 全局（整个电脑）安装一个脚手架工具
3.输入vue -V检查vuecli脚手架版本 发现报错
输入set-ExecutionPolicy RemoteSigned再根据提示输入大写的Y回车
4.然后在点击任务栏的输入框 右击选择命令窗口，选择以管理员身份运行
5.找到你的项目路径，复制在命令行窗口中输入 cd 加上你的路径
6.输入vue -V检查一下脚手夹版本发现显示版本号 表示ok
7.输入 vue create 项目名称 选择vue2（默认vue2）直接按回车
8.启动项目
