npm install
npm run watch
有下面这些命令:
命令 | 说明 |
---|---|
npm run watch |
编译前端文件,并监听8080端口,本地文件发生变化会自动热更新 |
npm run dev |
开发环境下的编译 |
npm run build |
生产环境下的编译 |
Vue的相关资源都存放在
views/assets
目录下面。
首先,在 views/assets/components
目录下面创建一个 .vue
文件,比如说这里叫做:demo.vue
,内容如下:
<template>
<div><a>Hello World.</a></div>
</template>
<script>
export default {}
</script>
然后我们需要在 views/assets/index.js
文件中注册这个组件,需要添加下面的内容:
import DemoComponent from './components/demo.vue'
Vue.component('demo-dmeo', DemoComponent)
这里需要重新编译下,如果开启了 serve
就直接忽略。
然后我们就可以在模板中这样使用自定义的组件了:
<demo-demo></demo-demo>
GOA的样式都写在 views/assets/scss/app.scss
文件中,使用的是 SCSS 语法。