09 2021 档案
摘要：如果给当前组件的 style 节点添加了 scoped 属性，则当前组件的样式对其子组件是不生效的。如果想让某些样 式对子组件生效，可以使用 /deep/ 深度选择器（vue2.0用法）。 <style lang="less" scoped>.label-box { display: flex; j
阅读全文
摘要：1.在上拉加载更多外包裹 <van-pull-refresh></van-pull-refresh> <van-pull-refresh v-model="isLoading" :disabled="finished" @refresh="onRefresh" > <van-list v-model
阅读全文
摘要：1.定义data变量值 data() { return { page: 1, limit: 10, artlist: [], // 是否正在加载下一页数据，改为true则不会反复触发load事件 // 每当下一页数据请求回来之后，千万记得把loading从true改为false loading: t
阅读全文
摘要：当父传子类型是Object时，props定义类型如下 1.父vue <ArticleInfo v-for="item in artlist" :cover="item.cover" ></ArticleInfo> 2.子vue type定义应为Object， default定义为function c
阅读全文
摘要：前置准备 router/index.js设定路由规则 导入Login与Home import Login from '@/components/MyLogin.vue'import Home from '@/components/MyHome.vue' const router = new VueR
阅读全文
摘要：在router/index.js中 导入和添加路由规则 登录页与后台页面 import Main from '../components/main.vue'import Login from '../components/login.vue'const router = new VueRouter(
阅读全文
摘要：1.在浏览器中，点击链接实现导航的方式，叫做声明式导航，例如： 普通网页中点击<a>链接、vue项目中点击<router-link>都属于声明式导航 2.在浏览器中，调用API方法实现导航的方式，叫做编程式导航,例如: 普通网页中调用location.href跳转到新页面的方式，属于编程式导航 vu
阅读全文
摘要：<!-- 注意3在this.$route中，path只是路径部分，fullPath是完整地址 --> <!-- fullPath: "/movie/2?name=zs%20age%3D28" --> <!-- path: "/movie/2" --> <!-- query: {name: 'zs a
阅读全文
摘要：App2.vue <template> <div class="app-container"> <h1>App2 组件</h1> <router-link to="/movie/1">电影1</router-link> <router-link to="/movie/2">电影2</router-
阅读全文
摘要：index.js props:true开启props传参 const router = new VueRouter({ routes: [ {path:'/movie/:mid',component:Movie,props:true} ]}) Movies.vue props接受传参 <templa
阅读全文
摘要：1.组件路由重定向 index.js添加redirect属性，页面打开后自动跳转至home页面 const router = new VueRouter({ routes: [ {path:'/',redirect:'/home'} ]}) 2.子路由重定向 在子路由中添加redirect属性 re
阅读全文
摘要：1.在About.vue页面添加子路由链接 注意：这里需要加斜杠 <router-link to="/about/tab1">tab1</router-link> <router-link to="/about/tab2">tab2</router-link> <hr/> 2.添加子级路由占位符 <
阅读全文
摘要：1.组件路由重定向 index.js添加redirect属性，页面打开后自动跳转至home页面 const router = new VueRouter({ routes: [ {path:'/',redirect:'/home'} ]}) 2.子路由重定向 在子路由中添加redirect属性 re
阅读全文
摘要：一、配置路由 在src下新建router/index.js文件 import Vue from 'vue'import VueRouter from 'vue-router'// 把VueRouter安装为Vue项目的插件Vue.use(VueRouter)// 创建路由的实例对象const rou
阅读全文
摘要：1.main.js 全局配置baseURl请求根路径 将axios挂载在Vue.prototype供每个.vue组件实例直接调用 import axios from 'axios'axios.defaults.baseURL = 'http://www.liulongbin.top:3006'Vue
阅读全文
摘要：一.私有自定义指令 1.私有指令 1.methods中需要添加directives 2.定义名为color的指令 3.bind绑定到dom对象 // 私有自定义属性命名 directives:{ // 定义名为color的指令 指向一个配置对象 color:{ // 当指令第一次被绑定在元素上的时候
阅读全文
摘要：在App.vue中将标签等信息填充到子组件Left中 默认情况下，在使用组建的时候，提供的内部会被填充到名字为default中的具名插槽之中 1.如果要把内容填充到指定的名称插槽中，需要使用v-slot这个指令 2.v-slot后面要跟上插槽的名字 3.v-slot指令不能直接用在元素身上，必须用在
阅读全文
摘要：keep-alive的生命周期 1.deactived当组件被缓存时，会自动触发组件的deactived生命周期函数。 2.actived当组件被激活时，会自动触发组件的actived生命周期函数。 当组件第一次被创建的时候，既会执行created创建也会activated被激活 当切换组件时包裹了
阅读全文
摘要：1.ES6 some和forEach对比 some：当找到需要的值时，会停止寻找。 forEach：找到需要的值后，继续向后寻找。 1.some var arr=["xx","jj","xxjj"];arr.some((item,index)=>{if(item "xx"){console.log(
阅读全文
摘要：1.import导入另一个组件 import Res from './views/res.vue' 2.components挂载 components: { Res }, 3.占位符使用 ref给定一个名称 <Res ref="comLeft"></Res> 4.通过 this.$refs.comL
阅读全文
