vue前后端分离

简介

通过nodejs创建vue项目

图形化界面：通过命令先进入到图形化界面，然后再进行vue工程的创建

vue ui

 vue项目目录结构介绍

修改vue.config.js文件配置端口

对于vue项目，index.html文件默认是引入了入口函数main.js文件，我们找到src/main.js文件，其代码如下：

import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

上述代码中，包括如下几个关键点：

• import: 导入指定文件，并且重新起名。例如上述代码import App from './App.vue'导入当前目录下得App.vue并且起名为App
• new Vue(): 创建vue对象
• $mount('#app');将vue对象创建的dom对象挂在到id=app的这个标签区域中，作用和之前学习的vue对象的le属性一致。
• router: 路由，详细在后面的小节讲解
• render: 主要使用视图的渲染的。

那么这个App对象怎么回事呢&#x