Sunflower音乐播放器知识点（一）

记录下项目中遇到的问题

插槽Slot

简单的了解就是插槽内能够听任意内容当你准备在组件之间放东西的时候能够用到插槽 例如

<div id="app">
    <child-component></child-component>

</div>
<script>
    Vue.component('child-component',{
        template:`
            <div>Hello,World!</div>
        `
    })
    let vm = new Vue({
        el:'#app',
        data:{

        }
    })
</script>
复制代码

<child-component>你好</child-component>
复制代码

我想在child-component的组件间放置一个你好结果会怎样呢?

你好并无出来

咱们如今给组件增长一个<slot></slot>插槽

咱们在<child-component></child-component>内写的"你好"起做用了！！！

Vue.component('child-component',{
        template:`
            <div>
            Hello,World!
            <slot></slot>
            </div>
        `
    })
复制代码

这只是很简单的插槽，还有一种做用域插槽还不是很理解

encodeComponent

encodeURIComponent() 函数可把字符串做为 URI 组件进行编码。

subString

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

例如

<script type="text/javascript">

var str="Hello world!"
document.write(str.substring(3,7))

</script>
复制代码

输出

lo w
复制代码

第一个下标表示开始截取的位置，第二个表示到哪里截取结束

object.assign()

object.assign()的理解.

split()

split() 方法用于把一个字符串分割成字符串数组。

var str="How are you doing today?";
var n=str.split(" ");
复制代码

输出

How,are,you,doing,today?
复制代码

join

join() 方法用于把数组中的全部元素转换一个字符串。 元素是经过指定的分隔符进行分隔的。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var energy = fruits.join();
复制代码

输出

Banana,Orange,Apple,Mango
复制代码