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
複製代碼