1.默认插槽
默认插槽是插槽最基本的方式：
首先在父组件App.Vue中引入子组件，并在引入的子组件标签内插入需要的html元素，在子组件中把需要用插槽的地方用<slot>标签替代：
在App.vue中引入子组件，使用子组件，并且声明需要的数据
如果打包和运行
通过vue-cli-service serve打包在内存中没有存在真实磁盘，需要运行==npm run build==，打包到dist目录
连续按ctrl+c退出服务后，运行npm run build
dist文件夹中就出现了打包后的css js img等文件
如何通过CLi创建项目
1 删除自动生成的文件:public文件夹，src文件下的5个文件夹，assets。。
2 修改public/index.html
3 修改**src/main.js** 文件
其中用了一个新的方法**render**，和之前的区别就是 会替代app的区域。
1.Vue渲染组件的两种方式
1.1 先定义注册组件, 然后在Vue实例中当做标签来使用
1.2 先定义注册组件, 然后通过Vue实例的render方法来渲染
2.两种渲染方法的区别
1.1 当做标签来渲染, 不会覆盖Vue实例控制区域
1.2 通过render方法来渲染, 会覆盖Vue实例控制区域
|
