Vue学习笔记01-vue指令01

1.el-挂载

el是用来设置vue实例挂载的元素，我个人的理解就是和css，js中的选择器没有什么不同，最好使用ID选择器，不能使用HTML和BODY标签挂载。

<div id="app">
    {
   {
    message }}
</div>
<script>
var app = new Vue({
   
    el:"#app",//id选择器
    //el:"div"//样式选择器
    //el:".app"//class选择器
    data:{
   
        message:"童童"
    }
})
</script>

2.data数据对象

可以是对象，数组，普通数据

<div id="app">
    {
   {
    message }}
    <h2>{
   {
    school.name }}</h2>
    <ul>
        <li>{
   {
    campus[0] }}</li>
    </ul>
</div>
<script>
var app = new Vue({
   
    el:"#app",
    data:{
   
        message:"童童 你好",
        school:{
   
            name:"cuc",
            mobile:"123456"
        },
        campus:["北京","上海","广州"]
    }
})