VUE-CLI+SPRING-BOOT自定义配置

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>