vue（十一）服务启动

创建Vue项目

使用npm安装webpack和vue-cli后，创建webpack打包的vue项目

vue init webpack myproject

本地debug

在项目路径下输入命令

npm run serve

打包部署

1、打包：在项目路径下输入打包命令，会打包成一个dist文件夹

npm run build

2、安装服务器：

npm install -g serve

3、启动服务

serve -s dist

-s 参数的意思是将其架设在 Single-Page Application 模式下

应用

import { createApp } from 'vue'
import App from './App.vue'
import './registerServiceWorker'
import router from './router'
import store from './store'
​
createApp(App).use(store).use(router).mount('#app')

我们传入 createApp 的对象实际上是一个组件，每个应用都需要一个“根组件”，其他组件将作为其子组件。

应用实例必须在调用了 .mount() 方法后才会渲染出来。该方法接收一个“容器”参数，可以是一个实际的 DOM 元素或是一个 CSS 选择器字符串；

.mount() 方法应该始终在整个应用配置和资源注册完成后被调用。同时请注意，不同于其他资源注册方法，它的返回值是根组件实例而非应用实例

app应用实例createApp(App)属性：

1、应用实例会暴露一个 .config 对象允许我们配置一些应用级的选项

2、应用实例还提供了一些方法来注册应用范围内可用的资源，