首页 > 其他 > 详细

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

时间:2021-06-28 15:22:49      阅读:9      评论:0      收藏:0      [点我收藏+]

 

 

 

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(一看就懂)

原文:https://www.cnblogs.com/zhuiqiuzhuoyueyouminxing/p/14943220.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!