初始化云开发

初始化云开发
1.安装 CLI npm install -g @cloudbase/cli@latest
如果以前安装过，就不用再安装
2.初始化一个应用

cloudbase init

3.安装路由

npm i vue-router@3

引入路由
在 main.js 文件中引入 router

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')

在src路径下新建router文件夹并在里面新建index.js

import Vue from 'vue'
import Router from 'vue-router'
import login from '@/components/login/login'
import index from '@/components/index/index'
import userList from '@/components/userList/userList'
import order from '@/components/order/order'
import code from '@/components/code/code'

Vue.use(Router)

export default new Router({
    routes: [{
            path: '/',
            name: 'login',
            component: login
        },
        {
            path: '/index',
            name: 'index',
            component: index,
            redirect: '/userList',
            children: [ //子路由
                { path: '/userList', component: userList },
                { path: '/order', component: order },
                { path: '/code', component: code }
            ]

        }

    ]
})

4.app.vue引入路由窗口
<div id='app'> <router-view /></div>

5.script里模板

export default {
    name: "App",
    data() {
     return {}
    },
     components: {

    },
     methods: {}   
    }

.部署应用

cloudbase framework deploy