Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：

<div id="app">
  {{ message }}
</div>

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

Hello Vue!

 

 

 

 

 

 

加入路径

 

 

 

 

 终端设置

路由设置 

 

 

 

 

 

 

 

 

 

path设置

 

 

 

 

 效果 teacher 案例1 

 

  自己练习案例01 成功显示  李四

 

 

 

<template>              <div id='app'>           {{message}}       </div> </template>

<script> // 输出内容 hello vue  export default {     data() {         return {             message: "李四",         };     },     methods: {},      }; //  写完这里，去APP.vue 里面加路径 </script>