- 博客(12)
- 收藏
- 关注
原创 vue学习笔记 导航守卫
一、什么是导航守卫 导航守卫就是,监听你从一个路由跳转到另外一个路由 ,有了导航守卫,你就可以在跳转之前或者跳转之后做一些事情二、全局导航守卫/ 前置守卫(guard)router.beforeEach( //监听守卫 (to, from, next) => { //从form跳转到to document.title = to...
2020-01-10 12:57:00 102
原创 vue学习笔记 传递参数的方式
一、传递参数有两种类型 params 和 query 方式一 直接加载URL后面<!-- 传递参数有两种类型 params和query --><!-- params的类型 --><!-- 配置路由格式 /router/:id 传递的方式:在path后面跟上对应的值 传递后形成的路径/router/123--><!-...
2020-01-10 12:44:00 68
原创 vue学习笔记 动态路由 hash和history
上一节讲了vue-router的基本配置和使用,这节来说动态路由一、什么是动态路由 动态路由就是url后面的一些值是可以动态变化的二、这里来配一个动态路由 如下:userId可以动态变化const routes = [ //创建路由组件 { path: '', redirect: '/home' //rediret重定向 ...
2020-01-09 13:34:00 513
原创 vue学习笔记 路由基础
一、前面我们提到过单页面富应用阶段,那就要依靠我们的前端路由 vue-router二、配置安装路由 1、当我们在项目中下载好相关的路由插件后(vue-router)我们就可以使用它了 2、在router文件夹下的index.js中学相关的路由配置代码 //首先导入路由import VueRouter from 'vue-router'import Vue fr...
2020-01-09 12:59:00 90
原创 vue学习笔记 前端
一、一些前端必备知识<!-- 路由:就是通过互联的网络吧信息从源地址传输到目的地址的活动内网ip指只有在本地网络才能用 映射表:[ip地址:MAC地址] --><!-- 什么是前端渲染 什么是后端渲染后端渲染:是在后端已经形成成熟的网页,在发送给前端展示(服务端渲染)后端路由:后端处理url和页面之间的映射关系前端渲染 --><!-- ...
2020-01-07 22:15:00 67
原创 vue学习笔记es6中的箭头函数
//箭头函数:是一种定义函数的方式//当我们需要把一个函数作为返回值传给一个函数时通常会用到箭头函数//两个参数const sum = (num1, num2) => { return num1 + num2; } //一个参数的时候是可以省略括号的const fun = (num) => { return num * num...
2020-01-07 20:46:00 94
原创 vue学习笔记vuecli3,4
一、下载vuecli 直接 npminstall-g@vue/cli 下载即可 同时依赖于vue和vue-template-compiler这两个的版本必须一样,不然会无法构建项目 可以通过npm list vue来查看vue的版本 通过 vue -V查看vue-cli的版本二、使用vue构建项目 直接在终端输入 vue create my-project(你的项目名...
2020-01-07 19:46:00 60
原创 vue学习笔记runtime-only和runtime-compiler
一、vue内部过程 1.首先将vue中的模板进行解析解析成abstractsyntaxtree(ast)抽象语法树 2.将抽象语法树在编译成render函数 3.将render函数再翻译成virtualdom虚拟dom 4.将虚拟dom显示在浏览器上二、runtime-only和runtime-compiler的区别 runtime-only比ru...
2020-01-07 15:29:00 95
原创 webpack 配置(分离)
一、下列分别是base.config.js dev.config.js prod.config.jsconst path = require('path')const webpack = require('webpack')const HtmlWebpackPlugin = require('html-webpack-plugin')const UglifyjsWebpack...
2020-01-06 21:17:00 54
原创 webpack配置(三)
{ "name": "sdasd", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "bui...
2020-01-06 21:14:00 58
原创 WebPack配置(二、loader)
一、在对除js文件之外进行打包时(如css less之类)我们需要依靠loader,下列是package文件 { "name": "sdasd", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"E...
2020-01-06 21:09:00 126
原创 WebPack的配置(一、起步)
一、webpack是什么 简单来说它就是一个打包工具,将我们写的前端代码(包含js css less vue 之类的通通打包成一个js文件 图片除外,图片打包之后还是图片)二、webpack的依赖 webpack它的配置依赖于node.js 这里我们用node.js下的npm工具来进行webpack的安装配置三、webpack的安装与配置 3.1安装webpack ...
2020-01-06 20:51:00 122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人