PyCharm创建vue例子

1.新增文件

MyVue.vue

文件内容如下:

<template>
    <div class="hello">
        <h1>{{msg}}</h1>
    </div>
</template>

<script>
export default {
  name: 'MyVue',
  data () {
    return {
      msg: 'Hello MyVue'
    }
  }
}
</script>

<style scoped>

</style>

2.修改路由(router->index.js)

红色部分内容为新增

3.浏览器访问

http://localhost:8080/#/myvue