Vue插槽介绍

1、什么是vue？

Vue.js是一套构建用户界面的渐进式的框架，Vue 采用的是自下向上增量开发的设计，其核心库只关注视图层，更易于上手，同时vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。

 

2、vue在网站制作，项目开发中有哪些显著优势？

1.数据的绑定。 vue会根据对应的那些元素，设置元素数据，通过输入框，以及获取数据等多种方式进行数据的实时绑定，进行网页的数据渲染 。

2.组件式开发 需要通过vue的模块封装，可以将一个web开发中设计的各种模块拆分，变成单独的一个组件，通过数据的绑定，调用对应模版的组件，并且传入参数，就可以完成对整个项目的开发。

3.对于前端开发者来说为什么要学习vue呢？ 由于近两年前端技术变革速度太快了，vue不论针对web项目开发还是网站制作、app以及小程序开发，越来越流行了，其便捷性及易用程度都让你不得不考虑去学习。如果仅仅还是传统的各种cms开源代码建站仿站，显然你的技术已经跟不上了，如果你开发的项目数据交互较多，并且前后端分离明显，那么vue将会使你未来技术长足成长的不二选择。

下面就说vue中的默认插槽吧

3、默认插槽

1：定义插槽。

<script src="js/vue.global.js"></script>
<script>
    var app = Vue.createApp({});
    app.component("KsdButton", {
        template: `<button><slot></slot></button>`
    });
    app.mount("#app");
</script>

2：使用插槽。

<div id="app">
    <ksd-button>注册</ksd-button>
    <ksd-button>登录</ksd-button>
    <ksd-button><span style="font-weight: bold">保存</span></ksd-button>
</div>

3&#