![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
OVO_LQ_Start
一个弱小的菜鸟在瑟瑟发抖
展开
-
Vue(6)路由组件传参和重定向
路由组件传参1.路由不解藕【1】传参连接<router-link to="/user/profile/1">个人信息</router-link>【2】配置路由{path:'/user/profile/:id',component:UserProfile}【3】页面获取参数$route.params.id2.路由解耦【1】传参连接<router-link to="/user/profile/1">个人信息</router-link>【2】配置路由{原创 2020-06-24 18:50:19 · 238 阅读 · 0 评论 -
Vue(5)路由嵌套
路由嵌套嵌套路由又称子路由,在实际应用中,通常由多层嵌套的组件组合而成,同样地,url中各段动态路由路径也按某种结构对应嵌套的各层组件,类似于ajax的异步刷新。路由嵌套实列功能:实现用户信息和用户列表展示1.创建用户信息和用户列表组件List.vue<template> <h1>用户列表</h1></template><script> export default { name: "list"原创 2020-06-18 17:57:48 · 179 阅读 · 0 评论 -
vue(4)elementUI的安装与使用
ElementUI的安装1.进入要创建的工程的目录cmd 管理员身份。2.创建webpack工程vue init webpack Element-Demo3.进入项目目录cd Element-Demo4.安装路由npm install vue-router --save-dev5.安装element-uinpm i element-ui -S6.安装依赖npm install7.安装SASS加载器cnpm install sass-loader node-sass --save-原创 2020-06-18 16:43:28 · 553 阅读 · 0 评论 -
Vue(3) router的使用
router的安装路由用来实现页面跳转。1.在cmd中进入你的项目项,即项目创建的目录中输入npm install vue-router --save-dev即也可以在idea的Terminal中输入此命令,但是得是管理员得身份2.可能会安装错误,可以根据提示输入命令修理router的使用1.删除项目创建的默认组件2.创建自己的组件content.vue<template><h1>内容页</h1></template><scrip原创 2020-06-16 19:21:45 · 277 阅读 · 0 评论 -
Vue(2)webpack的安装与使用
安装webpack管理员模式进入cmd输入npm install webpack -g 等待下载。下载完毕输入npm install webpack-cli -g 等待下载。下载完毕输入webpack -vwebpack-cli -v检查版本号,安装成功。使用webpack1.创建文件夹webpack-stduy2.使用idea打开此文件夹3.创建modules类似于java包,并在其中创建hello.js与和main.jsmain.js//导入hello.js,相当于java原创 2020-06-16 17:15:43 · 567 阅读 · 0 评论 -
Vue进阶(1)第一个vue-cli程序
Vue-cli简介一个官方的脚手架,相当于maven创建项目的骨架。主要功能统一目录结构,本地调试,热部署,单元测试和集成打包需要环境(cmd操作最好以管理员身份进行)1.下载node.jsnode.js下载地址注意:下载和电脑匹配的版本无脑下一步即可2.确认node.js安装成功cmd 下输入node -v 显示版本号cmd 下输入npm -v,打印版本号即可3.安装Node.js淘宝镜像加速器npm install cnpm -g可以在c盘的隐藏目录中查看安装位置C:\Users原创 2020-06-11 19:32:18 · 173 阅读 · 0 评论 -
Vue入门
Vue简介1.Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。(官方文档这么说的,嘿嘿嘿)2.Vue结合了Rect的虚拟DOM和angularJS的模块化。3.Vue为了使前后端分离,只注重前端开发,不能进行数据交互。4.MVV原创 2020-06-11 17:54:31 · 224 阅读 · 0 评论