07 2021 档案
摘要：网络请求的回调地狱: 一个url1从服务器加载一个数据data1,data1中包含了下一个请求的url2 data1取出url2，从服务器加载数据data2，data2中包含了下一个请求的url3 data2取出url3，从服务器加载数据data3，data3中包含了下一个请求的url4 发送网络请
阅读全文
摘要：页面来回切换时，会不停的执行创建——销毁，想要解决这一问题可以使用keep-alive app.vue中 <keep-alive> <router-view></router-view> </keep-alive> 页面的activated和deactivated（活跃状态和不活跃状态）生命周期函数
阅读全文
摘要：index.js中 全局守卫： // 前置守卫（guard）router.beforeEach((to, from, next) => { // 从from跳转到to document.title = to.mached[0].meta.title console.log(to) next() })
阅读全文
摘要：1.route-link标签里写法 <route-link :to ="{path:'/profile',query:{name:'张三',height:1.63,age:18}}"></route-link> 2.点击事件传参 <button @click="toProfile">档案</butt
阅读全文
摘要：例如再home页面中，希望通过home/news和home/message来访问一些东西 一个路径映射一个组件，这两个路径也会分别渲染两个组件 1.router-->index.js路由配置页面： { path:'/home', component:() => import('@/views/hom
阅读全文
摘要：打包构建应用时，js包会变的非常大，影响页面加载。这时把不同路由对应的组件分割成不同的代码块，当路由访问的时候再加载对应的组件，这样就更加高效 打包后，用到哪个js用哪个
阅读全文
摘要：1.router-->index.js中，定义参数名 import Home from '../components/home' import About from '../components/about' // 配置路由和组件之间的应用关系 const routes = [ // 初次加载重定向
阅读全文
摘要：1.link-router标签跳转 <link-router to="/home">首页</link-router> <link-router to="/about">关于</link-router> <router-view></router-view> 2.点击事件跳转(push/replace
阅读全文
摘要：router-link标签渲染出来是一个a标签 1.to属性，跳转 <router-link to="/home">首页</router-link> 2.tag属性，渲染成 <router-link to="/home" tag="button">首页</router-link> <router-l
阅读全文
摘要：安装：npm install vue-router --save 使用： 1.src文件夹下创建router文件夹，router里新建index.js文件（src-->router-->index.js） 2.配置路由相关信息： import VueRouter from 'vue-router'
阅读全文
摘要：1、url的hash http://url/#/aaa 控制台里：location.aaa = 'aaa' 2.html5的history(栈） http://url/home 控制台里：history.pustState({},'','home')控制台里：history.pustState({}
阅读全文
摘要：语法： const aaa = (参数列表) =>{ } 1.最普通的箭头函数 非箭头函数写法：const obj={ function aaa (){ } } 箭头函数： (1)无参数： const aaa = () =>{ }(2)2个参数const bbb = (num1, num2) =>{
阅读全文
摘要：Vue CLI2: vue init webpack my-project Vue CLI3: vue create my-project
阅读全文
摘要：1.用管理员身份打开cmd，输入命令npm clean cache –force 2. 然后再去删除npm-cache文件夹npm-cache，在C:\Users\PC\AppData\Roaming这个路径下面 3.最后再以管理员的身份运行cmd，执行npm clean cache –force清
阅读全文
摘要：使用作用域插槽，父级元素可以直接使用子元素中的数据 子： <template> <div> <slot :data="movies"> <ul> <li v-for="(item,index) in movies" :key="index"> {{ item }} </li> </ul> </slo
阅读全文
摘要：1.插槽的基本使用 子： <template> <div> <span>插槽的基本使用</span> <slot></slot> </div><template> 父： <cpn><button>按钮</button></cpn> 2.插槽有默认值（有多个值同事放入，整体替换） 子： <templa
阅读全文
摘要：子组件向父组件传值，通过this.$emit自定义事件 子组件： <template> <div> <button v-for="item in btns" :key="item.id" @click="btnClick(item)">{{item.label}}</button> </div> <
阅读全文
摘要：父组件向子组件传值用props 使用： 1.js里import引入子组件:import cpn from '子组件路径' 2.js的components添加上cpn components: { cnp }, 3.页面使用： <cpn></cpn>1.父组件（向子组件传值：） <cpn :cmovie
阅读全文
摘要：writing-mode 属性定义了文本在水平或垂直方向上如何排布。 writing-mode: horizontal-tb | vertical-rl | vertical-lr | sideways-rl | sideways-lr horizontal-tb：水平方向自上而下的书写方式。即 l
阅读全文
浙公网安备 33010602011771号