Vue系列教程-02-不同数据类型的获取方式

vue的数据类型同js 包含:
基本类型:
字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol(es6)。
引用数据类型:
对象(Object)、数组(Array)、函数(Function)。


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


</head>
<body>
    <div id="app">
        {{ message }} <br>
        {{ name }} <br>
        {{ school.name }} <br>
        {{ list[0] }} <br>
        {{ list }} <br>
    </div>


    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>

        var app = new Vue({
            el: '#app',
            data: {
                message: 'Hello Vue!',
                name: '张三',
                school: {
                    name: '成都东软学院'
                },
                list: ["a","b",false]
            }
        });
    </script>
</body>
</html>

前台效果:




    Title
{{ message }}
{{ name }}
{{ school.name }}
{{ list[0] }}
{{ list }}
{{ id }}

注意:

点赞

发表评论