How to access data in an array?

Question

JSON

Hello.
php file

<?
$aMenuLinks = Array(
  Array(
    "Каталог курсов",
    "index.php",
    Array(),
    Array(),
    ""
  ),

  Array(
    "Мои курсы",
    "mycourses.php",
    Array(),
    Array(),
    ""
  ),
);
echo json_encode($aMenuLinks);
?>

vue

<div id="app2">
            <div v-for="inform in info">
                {{ inform }}
            </div>
        </div>
            var app2 = new Vue ({
                el: '#app2',
                data() {
                    return {
                        info: null
                    };
                },
                mounted() {
                    axios
                        .get('test.php')
                        .then(response => (this.info = response.data));
                }
            })

Result

[ "Каталог курсов", "index.php", [], [], "" ]
[ "Мои курсы", "mycourses.php", [], [], "" ]

Question: How can I pull out a separate Link Title, and a separate link?

Answer 1

If you change in PHP file

<?
$aMenuLinks = Array(
  Array(
    "page"=>"Каталог курсов",
    "link"=>"index.php",
    "foo" => Array(),
    "bar" => Array(),
    "dollar"=> ""
  ),

  Array(
    "page"=>"Мои курсы",
    "link"=>"mycourses.php",
    "foo"=> Array(),
    "bar" =>Array(),
    "dollar" =>""
  ),
);
echo json_encode($aMenuLinks);
?>

then you can

<div id="app2">
            <div v-for="inform in info">
                <a v-bind:href="inform.link">{{inform.page}}</a> 
            </div>
            var app2 = new Vue ({
                el: '#app2',
                data() {
                    return {
                        info: null
                    };
                },
                mounted() {
                    axios
                        .get('test.php')
                        .then(response => (this.info = response.data));
                }
            })