摘要: 将博客搬至CSDN 阅读全文
posted @ 2020-05-17 13:36 LazyPet 阅读(128) 评论(0) 推荐(0)
摘要: 一、什么是导航守卫 导航守卫就是,监听你从一个路由跳转到另外一个路由 ,有了导航守卫,你就可以在跳转之前或者跳转之后做一些事情 二、全局导航守卫 / 前置守卫(guard) router.beforeEach( //监听守卫 (to, from, next) => { //从form跳转到to do 阅读全文
posted @ 2020-01-10 12:57 LazyPet 阅读(186) 评论(0) 推荐(0)
摘要: 一、传递参数有两种类型 params 和 query 方式一 直接加载URL后面 <!-- 传递参数有两种类型 params和query --> <!-- params的类型 --> <!-- 配置路由格式 /router/:id 传递的方式:在path后面跟上对应的值 传递后形成的路径/route 阅读全文
posted @ 2020-01-10 12:44 LazyPet 阅读(498) 评论(0) 推荐(0)
摘要: 上一节讲了vue-router的基本配置和使用,这节来说动态路由 一、什么是动态路由 动态路由就是url后面的一些值是可以动态变化的 二、这里来配一个动态路由 如下:userId可以动态变化 const routes = [ //创建路由组件 { path: '', redirect: '/home 阅读全文
posted @ 2020-01-09 13:34 LazyPet 阅读(737) 评论(0) 推荐(0)
摘要: 一、前面我们提到过单页面富应用阶段,那就要依靠我们的前端路由 vue-router 二、配置安装路由 1、当我们在项目中下载好相关的路由插件后(vue-router)我们就可以使用它了 2、在router文件夹下的index.js中学相关的路由配置代码 //首先导入路由 import VueRout 阅读全文
posted @ 2020-01-09 12:59 LazyPet 阅读(236) 评论(0) 推荐(0)
摘要: 一、一些前端必备知识 <!-- 路由:就是通过互联的网络吧信息从源地址传输到目的地址的活动 内网ip指只有在本地网络才能用 映射表:[ip地址:MAC地址] --> <!-- 什么是前端渲染 什么是后端渲染 后端渲染:是在后端已经形成成熟的网页,在发送给前端展示(服务端渲染) 后端路由:后端处理ur 阅读全文
posted @ 2020-01-07 22:15 LazyPet 阅读(168) 评论(0) 推荐(0)
摘要: //箭头函数:是一种定义函数的方式 //当我们需要把一个函数作为返回值传给一个函数时通常会用到箭头函数 //两个参数 const sum = (num1, num2) => { return num1 + num2; } //一个参数的时候是可以省略括号的 const fun = (num) => 阅读全文
posted @ 2020-01-07 20:46 LazyPet 阅读(894) 评论(0) 推荐(0)
摘要: 一、下载vuecli 直接 npm install -g @vue/cli 下载即可 同时依赖于vue和vue-template-compiler这两个的版本必须一样,不然会无法构建项目 可以通过npm list vue来查看vue的版本 通过 vue -V查看vue-cli的版本 二、使用vue构 阅读全文
posted @ 2020-01-07 19:46 LazyPet 阅读(450) 评论(0) 推荐(0)
摘要: 一、vue内部过程 1.首先将vue中的模板进行解析解析成abstract syntax tree (ast)抽象语法树 2.将抽象语法树在编译成render函数 3.将render函数再翻译成virtual dom 虚拟dom 4.将虚拟dom显示在浏览器上 二、runtime-only和runt 阅读全文
posted @ 2020-01-07 15:29 LazyPet 阅读(1973) 评论(0) 推荐(0)
摘要: 一、下列分别是base.config.js dev.config.js prod.config.js const path = require('path') const webpack = require('webpack') const HtmlWebpackPlugin = require(' 阅读全文
posted @ 2020-01-06 21:17 LazyPet 阅读(280) 评论(0) 推荐(0)
点击右上角即可分享
微信分享提示