vue
渔生
前端程序员
展开
-
前端面试题
Vue1watch:采用deep进行深度监听2混入:原组件优先3Vuex数据刷新:4hash和history具体实现5Vue权限管理创建路由表(无权限和有权限)(mate) 请求后台拿到了权限数据,并将数据存放到了vuex 利用返回数据匹配之前写的异步路由表,将匹配结果和静态路由表结合,开成最终的实际路由表【核心】【router.addRoutes(routes)】6原型链:【vue.Exdent】7rem原理非父子组件...原创 2020-06-05 22:11:04 · 182 阅读 · 0 评论 -
组件(封装可重用的代码)
《1》简述(1)使用importheaderFlexfrom"../components/headerFlex";components:{headerFlex},<headerFlex /> 或 <div is="headerFlex"></div>(2)组件声明(main.js 局部 自动注册全局组件)(3)规则// 在组件定义中components: { // 使用 camelCase 形式注...原创 2020-05-09 11:57:12 · 1024 阅读 · 0 评论 -
vue知识点
文件上传路由校验原创 2020-03-07 22:21:09 · 96 阅读 · 0 评论 -
前端小小注意事项
1:本地开发环境请求服务器接口跨域的问题proxyTable: { // 用‘/api’开头,代理所有请求到目标服务器 '/api': { target: 'http://jsonplaceholder.typicode.com', // 接口域名 changeOrigin: true, // 是否启用跨域 pathRe...翻译 2019-11-06 19:24:20 · 114 阅读 · 0 评论 -
vue外部字体引入方式
一:写下public中1:导入文件1:css@font-face { font-family: pf; src: url("pf4.ttf"); font-weight: normal; font-style: normal;}2:index.htm<linkrel="stylesheet"href="pf.css"/>2:...原创 2019-11-05 11:08:16 · 604 阅读 · 0 评论 -
vue组件传参,调用方法的几种方式
1:vue 父组件向子组件传值——props方法重点:父:<app-son :dataList="appData"></app-son>子:props: { dataList: {type: [Object] } }//父组件 App.vue<template> <div id="app"> <ap...原创 2019-11-04 11:24:59 · 991 阅读 · 0 评论 -
vue-router传递参数的几种方式
1:js点击跳转传参参数在链接上显示this.$router.push({path: '/details', query: {id: 666}});this.$route.query.id;参数不在链接上显示this.$router.push({ name: 'details', params: { userId: 123 }});{{this.$route.params.use...原创 2019-11-02 21:55:11 · 1394 阅读 · 0 评论 -
vuex状态管理模式简介
一:简介1:vuex中,有默认的五种基本的对象:state:存储状态(变量)。 getters:state的计算属性。 $sotre.getters.fun()。 mutations:修改状态,同步的,类似自定义事件。$store.commit('',params)。 actions:异步操作。$store.dispath('')。 modules:store的子模块,为了开发大型...原创 2019-10-31 15:31:26 · 559 阅读 · 0 评论 -
vue全局变量存储的几种方式
只可读的1、全局变量专用模块(vue调用时要导入,不用this)1:新建一个global.js,声明变量,采用export将其暴露出来。如const mobileReg = /(^1[0|1|2|3|4|5|6|7|8|9]\d{9}$)|(^09\d{8}$)/ //手机号,11位纯数字const passwordReg = /^(?=.*[A-Za-z])(?=.*\d)[A-...原创 2019-10-31 14:19:42 · 11924 阅读 · 1 评论 -
详解vue-router中的导航钩子
一:概念作用:拦截导航,让他完成跳转或取消。const router = new VueRouter({ ... });router.beforeEach((to, from, next) => { // do someting});to: 要进入的目标,路由对象 from: 要离开的路由,路由对象 next: 一个必须需要调用的方法,而具体的执行效果则...原创 2019-10-30 19:44:30 · 590 阅读 · 0 评论