vue work 程序练习案例2（一看就懂）

 

 

 

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>