Javascript

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

本文主要是介绍work vue程序练习案例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>

 

这篇关于work vue程序练习案例2（一看就懂）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航