VUE-CLI+SPRING-BOOT自定义配置
VUE-CLI还剩一部分,做完之后根据spring boot in action学习spring boot,前后无关联。
疑问:
1.关于VUE框架中模板再理解
VUE-CLI:
tip1:App.vue
<template>
<div>
123
</div>
</template>
<script>
export default {
}
</script>
<style>
</style>
这是原本的项目里面,把App.vue的东西都删了,就留下来了他的基本结构,这是提供的一种语法,模板、样式、逻辑
一个完整组件是是一个.vue文件
tip2:npm run start/npm run dev
这个写在了项目的package.json里面,就是启动了一个服务器,代码如下,所以上面两个写那个都是可彳亍的。
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"lint": "eslint --ext .js,.vue src",
"build": "node build/build.js"
},
tip3:template
template要求只能有一个最外层的包裹元素,所以如果标注的位置上没有div的是会报错的
<template>
<div>//需要这个最外层的包裹
<div>
<input />
<button>提交</button>
</div>
<ul>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
</div>//标注
</template>