Vue框架插槽
插槽
普通插槽
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="./js/vue.js"></script>
</head>
<body>
<div id="app">
<index>
<div>
用户名：<input type="text">
密码：<input type="text">
</div>
</index>
</div>
</body>
<script>
Vue.component('index', {
template: `
<div>
<h1>我是首页</h1>
<slot></slot>
</div>
`,
},)
var vm = new Vue({
el: '#app',
data: {
},
methods:{
}
})
</script>
</html>
具名插槽
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="./js/vue.js"></script>
</head>
<body>
<div id="app">
<index>
<p slot="a">pppp</p>
<div slot="b">
div--div
</div>
</index>
</div>
</body>
<script>
Vue.component('index', {
template: `
<div>
<slot name="a"></slot>
<h1>我是首页</h1>
<slot name="b"></slot>
</div>
`,
},)
var vm = new Vue({
el: '#app',
data: {},
})
</script>
</html>
补充
# 编辑器的选择
-java：IDEA(主流)，eclipse，myeclipse
-python：pycharm(主流)，Jupyter(数据分析)
-go： goland(主流)，vscode（微软出的，免费）
-前端：webstorm，vscode，sublime-text，Hbuilder
-安卓开发：AndrioStudio
-ios：Xcode，只能装在mac ---》必须要有mac系统，普通PC机不好装mac系统，黑苹果--》驱动支持不好
# 总结：Jetbrains公司，出了所有开发语言可以用的编辑器，Jetbrains全家桶，最开始Jetbrains只有一款编辑器，就是idea，出插件，安装了插件后，可以开发其它语言，每个语言有个编辑器
# 由于咱们用pycharm比较习惯，建议以后选择jet的全家桶，使用习惯完全一致，只是换了个语法写代码
# AndrioStudio：谷歌公司推出的，谷歌买了Jetbrains公司版权，自己定制的ADT--》AndrioStudio
# vscode：免费，占内存小
# pycharm过期问题
-淘宝购买
-IDE Eval Reset ---》全家桶---》任意一款jetbrains的ide都行
-30天免费试用--》用了29天，删除pycharm的配置文件---》重新是30天
-最新版的pycharm不支持：远程认证，不让试用了---》老版本--》2020版本
