摘要：
例如再home页面中，希望通过home/news和home/message来访问一些东西 一个路径映射一个组件，这两个路径也会分别渲染两个组件 1.router-->index.js路由配置页面： { path:'/home', component:() => import('@/views/hom 阅读全文
posted @ 2021-07-22 17:25
骑蝴蝶飞
阅读(94)
评论(0)
推荐(0)
摘要：
打包构建应用时，js包会变的非常大，影响页面加载。这时把不同路由对应的组件分割成不同的代码块，当路由访问的时候再加载对应的组件，这样就更加高效 打包后，用到哪个js用哪个 阅读全文
posted @ 2021-07-22 17:05
骑蝴蝶飞
阅读(30)
评论(0)
推荐(0)
摘要：
1.router-->index.js中，定义参数名 import Home from '../components/home' import About from '../components/about' // 配置路由和组件之间的应用关系 const routes = [ // 初次加载重定向 阅读全文
posted @ 2021-07-22 16:32
骑蝴蝶飞
阅读(961)
评论(0)
推荐(0)
摘要：
1.link-router标签跳转 <link-router to="/home">首页</link-router> <link-router to="/about">关于</link-router> <router-view></router-view> 2.点击事件跳转(push/replace 阅读全文
posted @ 2021-07-22 16:02
骑蝴蝶飞
阅读(44)
评论(0)
推荐(0)
摘要：
router-link标签渲染出来是一个a标签 1.to属性，跳转 <router-link to="/home">首页</router-link> 2.tag属性，渲染成 <router-link to="/home" tag="button">首页</router-link> <router-l 阅读全文
posted @ 2021-07-22 15:53
骑蝴蝶飞
阅读(129)
评论(0)
推荐(0)
摘要：
安装：npm install vue-router --save 使用： 1.src文件夹下创建router文件夹，router里新建index.js文件（src-->router-->index.js） 2.配置路由相关信息： import VueRouter from 'vue-router' 阅读全文
posted @ 2021-07-22 14:40
骑蝴蝶飞
阅读(174)
评论(0)
推荐(0)
摘要：
1、url的hash http://url/#/aaa 控制台里：location.aaa = 'aaa' 2.html5的history(栈） http://url/home 控制台里：history.pustState({},'','home')控制台里：history.pustState({} 阅读全文
posted @ 2021-07-22 14:22
骑蝴蝶飞
阅读(296)
评论(0)
推荐(0)
摘要：
语法： const aaa = (参数列表) =>{ } 1.最普通的箭头函数 非箭头函数写法：const obj={ function aaa (){ } } 箭头函数： (1)无参数： const aaa = () =>{ }(2)2个参数const bbb = (num1, num2) =>{ 阅读全文
posted @ 2021-07-22 11:57
骑蝴蝶飞
阅读(155)
评论(0)
推荐(0)
摘要：
Vue CLI2: vue init webpack my-project Vue CLI3: vue create my-project 阅读全文
posted @ 2021-07-22 10:31
骑蝴蝶飞
阅读(66)
评论(0)
推荐(0)
摘要：
1.用管理员身份打开cmd，输入命令npm clean cache –force 2. 然后再去删除npm-cache文件夹npm-cache，在C:\Users\PC\AppData\Roaming这个路径下面 3.最后再以管理员的身份运行cmd，执行npm clean cache –force清 阅读全文
posted @ 2021-07-22 09:40
骑蝴蝶飞
阅读(1733)
评论(0)
推荐(0)
浙公网安备 33010602011771号