07 2021 档案
摘要：1.git传输时报错 问题: fatal: Not a git repository (or any of the parent directories): .git 问题。 解决:在命令行 输入 git init 然后回车就好了。 2.图片路径问题。 问题：组件页面未获取到图片 解决：因为在vue
阅读全文
摘要：1.概念 Vuex就是一个状态管理模式,VueX包含了一套对state的操作规范，集中存储所有组件的状态。 管理各个组件共享的数据，类似session，存的过程就是管理，数据的每一次赋值就是当次状态。 session存储数据， Vue简单模型 state，驱动应用的数据源； view，以声明方式将
阅读全文
摘要：异步编程的一种解决方案。 1.何为异步 网络请求中，对端服务器处理需要时间，信息传递过程需要时间，不像我们本地调用一个js加法函数一样，直接获得1+1=2的结果。这里网络请求不是同步的有时延，不能立即得到结果。 2.如何处理异步事件 对于网络请求，一般会使用回调函数在服务端传给我数据成功后，调用回调
阅读全文
摘要：exclude-字符串或正则表达，任何匹配的组件都不会被缓存。 include-字符串或正则表达式，任何匹配的组件都不会被缓存。 1.使用此功能的前提是在页面加上name，keep-alive才可以指定缓存，如 About.vue页面 export default { name:'About', d
阅读全文
摘要：点击首页下的新闻子路由再点击档案，再次点击首页显示的还是新闻子路由。 1.Home.vue data() { return { //1.data定义默认值 path: '/home/news', }; }, activated() { // 2.默认值传入touter console.log('ac
阅读全文
摘要：1.必须使用keep-alive才有效果(App.vue中添加)。 <keep-alive> <router-view></router-view> </keep-alive> 2.activated活跃状态下。 3.deactivated不活跃状态下。
阅读全文
摘要：keepalive是Vue内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。提高性能 创建一个created()和destroyed()来测试，会发现只打印home created 不会执行销毁。 <keep-alive> <router-view></router-view> </kee
阅读全文
摘要：1.router下的index.js页面配置映射规则中为每一个路由添加meta元数据设置title名字 { path: '/about', component: About, meta:{ title:'关于' } }, 2.在index.js文件中添加路由导航守卫 1.前置守卫 to:即将要进入目
阅读全文
摘要：传递参数主要有两种类型:params和query 1.params的类型: 配置路由格式 /router/:id 传递的方式:在path后面跟上对应的值 传递后形成的路径：/router/123, /router/abc 1.定义数据 data(){ return { userId:'zhangsa
阅读全文
摘要：App.vue页面修改为click事件 <button @click="userClick">用户</button> <button @click="profileClick">档案</button> methods函数中添加 userClick(){ this.$router.push('/use
阅读全文
摘要：1.新建profile.vue页面 2.index.js页面懒加载形式导入,配置路由映射表挂载 const Profile =()=> import('../components/Profile.vue') { path:'/profile', component:Profile } 3.App.v
阅读全文
摘要：1.新建HomeMessgae.vue与HomeNews.vue页面 <template> <div> <ul> <li>消息1</li> <li>消息1</li> <li>消息1</li> <li>消息1</li> <li>消息1</li> </ul> </div> <template> <div
阅读全文
