.vue 结构介绍

#一个最简单的.vue  页面

 1 //定义页面结构。div 是必须要有的根节点
 2 <template>
 3   <div>
 4       <h1>Vue案例h1>
 5        //插值表达式，数据绑定，将data 中的数据在页面上显示出来
 6        {{course}}
 7   div>
 8 template>
 9 
10 
11 //定义页面脚本
12 <script>
13   export default {
14           //定义页面的数据模型
15          data(){
16               course:'python'
17           }
18   }
19 script>
20           

 #数据双向绑定  v-model=""

#如何方便快速调试代码：

     下载Vue.jsDevtools 工具。打开谷歌浏览器-》点右上方三个点-》更多工具-》扩展程序-》打开开发者模式-》点击 ‘加载以解压的扩展程序’