Vue教程2：Vue基础

el挂载点

• el用来设置vue实例作用范围的元素
• 通常使用id选择器，例如el: “#app”。另外，还支持class、css等其他选择器，不过一般建议使用id选择器
• 不能挂载到html、body标签上

data数据对象

• vue中用到的数据定义在data对象中(json对象)
• data支持嵌入字符串、json子对象、数组

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    var app = new Vue({
        el: "#app",
        data:{
            message:"这是一个字符串",
            user:{
                name:"张三",
                age:20
            },
            fav:["足球","篮球","乒乓球"]
        }
    });

渲染：

<div id="app">
    {{message}} <br />
    {{user.name}}<br />
    <ul>
        <li v-for="(item, index) in fav" :key="index">{{item}}</li>
    </ul>

</div>