work vue程序练习案例2(一看就懂)

 

 

 

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

<div id="app">
  {{ message }}
</div>
var app = new Vue({
  el: ‘#app‘,
  data: {
    message: ‘Hello Vue!‘
  }
})
Hello Vue!

 

 

work vue程序练习案例2(一看就懂)

 

 

 

work vue程序练习案例2(一看就懂)

 

加入路径

work vue程序练习案例2(一看就懂)

 

 

work vue程序练习案例2(一看就懂)

 

 

 终端设置

work vue程序练习案例2(一看就懂)

路由设置 

work vue程序练习案例2(一看就懂)

 

 

work vue程序练习案例2(一看就懂)

 

 

 

work vue程序练习案例2(一看就懂)

 

 

work vue程序练习案例2(一看就懂)

 

 

path设置

work vue程序练习案例2(一看就懂)

 

 

 

work vue程序练习案例2(一看就懂)

 

 效果 teacher 案例1 

work vue程序练习案例2(一看就懂)

 

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

 work vue程序练习案例2(一看就懂)

 

 

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


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

 

work vue程序练习案例2(一看就懂)

上一篇:TortoiseGit连接gitlab,一直要求输入密码


下一篇:MarkDown学习