vue学习填坑之旅

import MSlider from './m-slider'

    export default {//组件

        data() {//定义数据不能直接写成对象的形式，要写成函数的形式，并返回函数

            return {

                songList: []

                }

        },

        methods: {

            getSongList() {

                // console.log(this.$axios + '============');

                this.$axios.get('/static/data/songList.json').then( response => {

                    // console.log(response);

                    var str_data = response.data;

                    console.log(str_data)

                    this.songList =str_data;

                    console.log(JSON.stringify(this.songList));//这个打印出来是字符串，没法输出到页面上。

                    // console.log("this.songList" + this.songList);//这个打印出来是数组，类型是obj

                    // console.log(this.songList[0]);//这个打印出来是数组的第一个元素     

                })

            }

 

        },

        mounted() {

            this.getSongList();

        },

        components: {

            "slider": MSlider,

            

        }