【vue学习】1.vue基础

<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

#html部分
<div id="app">
  {{ message }}
</div>

# js部分
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

# 简单数据
i = 1,
message = "hello world",
# 复杂数据
#对象
school:{
    name:"unversity",
    mobile:"12312321"
},
# 数组
campus:["深圳","广州","上海"]