diff --git "a/\351\273\204\346\231\250\347\203\250/2021.06.14(\345\205\245\351\227\250).md" "b/\351\273\204\346\231\250\347\203\250/2021.06.14(\345\205\245\351\227\250).md" new file mode 100644 index 0000000000000000000000000000000000000000..dc0afbdb6eb82eb94f08b1adba6edb7a529857ab --- /dev/null +++ "b/\351\273\204\346\231\250\347\203\250/2021.06.14(\345\205\245\351\227\250).md" @@ -0,0 +1,12 @@ +## 笔记 +## 1.入门 ++ npm i -g yarn ++ yarn config set registry http://registry.npm.taobao.org ++ yarn global add @vue/cli ++ 环境变量 ++ 重新打开 ++ yarn add vue-router ++ 步骤 + ![](./imgs/mainjs.png) + ![](./imgs/loginvue.png) + ![](./imgs/appvue.png) \ No newline at end of file diff --git "a/\351\273\204\346\231\250\347\203\250/2021.06.16(\345\212\250\346\200\201\350\267\257\347\224\261\343\200\201\345\265\214\345\245\227\350\267\257\347\224\261).md" "b/\351\273\204\346\231\250\347\203\250/2021.06.16(\345\212\250\346\200\201\350\267\257\347\224\261\343\200\201\345\265\214\345\245\227\350\267\257\347\224\261).md" new file mode 100644 index 0000000000000000000000000000000000000000..9ac59191811e46787933a829e3f26c8bc5c67303 --- /dev/null +++ "b/\351\273\204\346\231\250\347\203\250/2021.06.16(\345\212\250\346\200\201\350\267\257\347\224\261\343\200\201\345\265\214\345\245\227\350\267\257\347\224\261).md" @@ -0,0 +1,3 @@ +## 动态路由 + ![](./imgs/main.png) + ![](./imgs/param.png) \ No newline at end of file diff --git "a/\351\273\204\346\231\250\347\203\250/2021.06.19.md" "b/\351\273\204\346\231\250\347\203\250/2021.06.19.md" new file mode 100644 index 0000000000000000000000000000000000000000..67b0fd1f71901f628333adeb9c7fef96f1f9cfff --- /dev/null +++ "b/\351\273\204\346\231\250\347\203\250/2021.06.19.md" @@ -0,0 +1,108 @@ +## 1.命令路线(name) +``` +main.js +var router=new vueRouter({ + mode:'history', + routes:[{ + path:'/user/:id' , + name:'user', + component:User + }] +}) +``` +``` +app.vue +要链接命名路由,将对象传给router-link用to + 这是一个命名路线 + +``` + +## 2.命名试图 +``` +main.js +import Vue from 'vue' +import App from './App.vue' +import vueRouter from 'vue-router' +import User from './components/User' +import Setting from './components/Setting' +import Register from './components/Register' +import Login from './components/Login' +Vue.config.productionTip = false +Vue.use(vueRouter); + +var router = new vueRouter({ + mode: 'history', + routes: [ + { + path: '/setting', + name: 'setting', + component: Setting, + props: true, + children: [ + { + path: 'user', + component: User + }, + { + path: 'login', + components: { + Register: Register, + Login: Login + } + } + ] + }] +}) + +new Vue({ + router, + render: h => h(App), +}).$mount('#app') + +``` +``` + + + + + + +``` +``` + +``` \ No newline at end of file diff --git "a/\351\273\204\346\231\250\347\203\250/imgs/appvue.png" "b/\351\273\204\346\231\250\347\203\250/imgs/appvue.png" new file mode 100644 index 0000000000000000000000000000000000000000..d0f75732e845f1d2d318d6d589e711c688412e46 Binary files /dev/null and "b/\351\273\204\346\231\250\347\203\250/imgs/appvue.png" differ diff --git "a/\351\273\204\346\231\250\347\203\250/imgs/loginvue.png" "b/\351\273\204\346\231\250\347\203\250/imgs/loginvue.png" new file mode 100644 index 0000000000000000000000000000000000000000..d2fcb7119aee5429b77fc6034b8e65c0c44b661e Binary files /dev/null and "b/\351\273\204\346\231\250\347\203\250/imgs/loginvue.png" differ diff --git "a/\351\273\204\346\231\250\347\203\250/imgs/main.png" "b/\351\273\204\346\231\250\347\203\250/imgs/main.png" new file mode 100644 index 0000000000000000000000000000000000000000..cf70fedc2ec5b58226e1b48e3643f1d2fed95a81 Binary files /dev/null and "b/\351\273\204\346\231\250\347\203\250/imgs/main.png" differ diff --git "a/\351\273\204\346\231\250\347\203\250/imgs/mainjs.png" "b/\351\273\204\346\231\250\347\203\250/imgs/mainjs.png" new file mode 100644 index 0000000000000000000000000000000000000000..06c2f425c83fc9be9986ce68dcfa85770a861abf Binary files /dev/null and "b/\351\273\204\346\231\250\347\203\250/imgs/mainjs.png" differ diff --git "a/\351\273\204\346\231\250\347\203\250/imgs/param.png" "b/\351\273\204\346\231\250\347\203\250/imgs/param.png" new file mode 100644 index 0000000000000000000000000000000000000000..46ab3ffda672862d215960b3a634c18dd353f238 Binary files /dev/null and "b/\351\273\204\346\231\250\347\203\250/imgs/param.png" differ