phpstorm+vue+elementUI+axios开发项目

phpstorm调用terminal命令行安装vue

npm install -g @vue/cli

创建项目

vue create <项目名称> #若是以当前目录作为项目名称，写法为vue create .

自定义配置

label,router,css Pre-processors

安装elementUi

npm i element-ui -S

安装axios

npm install axios

安装完成后，在main.js中引入ElementUI及样式文件，使用Vue.use(ElementUI)

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.config.productionTip = false

Vue.use(ElementUI);

组件的name属性值，使用驼峰命名法，在引用时可以使用下面两种中任意一种写法

<script>
export default {
  name: 'vuePicSelect',
  props: {
    msg: String
  }
}
</script>

<vuePicSelect></vuePicSelect>
<vue-pic-select></vue-pic-select>

若不写name属性，则只能使用第二种