码迷,mamicode.com
首页 > 其他好文 > 详细

Vue第一个简单的例子

时间:2019-04-16 20:17:00      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:turn   使用   png   bsp   dex   第一个   mes   route   mic   

一、新建一个项目

技术图片

 

二、对新建的项目文件进行修改

1、首先在components目录下添加HelloVue.vue文件

<template>
  <div id="vue">Hello Vue {{message}}</div>
</template>

<script>
export default { //这里需要将模块引出,可在其他地方使用
  name: ‘HelloVue‘,
  data () {
    return {
      message: ‘xxx‘
    }
  }
}
</script>

<style>
  #vue {
    color: green;
    font-size: 28px;
  }
</style>

  

2、在HelloWorld.vue内容中添加

    <h1>
      <router-link to="day01">HelloVue</router-link>
    </h1>

  

3、在index.js文件进行相应的修改

技术图片

 

4、运行结果

技术图片

 

Vue第一个简单的例子

标签:turn   使用   png   bsp   dex   第一个   mes   route   mic   

原文地址:https://www.cnblogs.com/wylwyl/p/10719652.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!