![](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.id 2.路由解耦 【1】传参连接<router-link to="/user/profile/1">个人信息</router-link> 【2】配置路由{原创 2020-06-24 18:50:19 · 220 阅读 · 0 评论 -
Vue(5)路由嵌套
路由嵌套 嵌套路由又称子路由,在实际应用中,通常由多层嵌套的组件组合而成,同样地,url中各段动态路由路径也按某种结构对应嵌套的各层组件,类似于ajax的异步刷新。 路由嵌套实列 功能:实现用户信息和用户列表展示 1.创建用户信息和用户列表组件 List.vue <template> <h1>用户列表</h1> </template> <script> export default { name: "list"原创 2020-06-18 17:57:48 · 177 阅读 · 0 评论 -
vue(4)elementUI的安装与使用
ElementUI的安装 1.进入要创建的工程的目录 cmd 管理员身份。 2.创建webpack工程 vue init webpack Element-Demo 3.进入项目目录 cd Element-Demo 4.安装路由 npm install vue-router --save-dev 5.安装element-ui npm i element-ui -S 6.安装依赖 npm install 7.安装SASS加载器 cnpm install sass-loader node-sass --save-原创 2020-06-18 16:43:28 · 545 阅读 · 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 · 269 阅读 · 0 评论 -
Vue(2)webpack的安装与使用
安装webpack 管理员模式进入cmd 输入 npm install webpack -g 等待下载。 下载完毕输入 npm install webpack-cli -g 等待下载。 下载完毕输入 webpack -v webpack-cli -v检查版本号,安装成功。 使用webpack 1.创建文件夹webpack-stduy 2.使用idea打开此文件夹 3.创建modules类似于java包,并在其中创建hello.js与和main.js main.js //导入hello.js,相当于java原创 2020-06-16 17:15:43 · 559 阅读 · 0 评论 -
Vue进阶(1)第一个vue-cli程序
Vue-cli简介 一个官方的脚手架,相当于maven创建项目的骨架。主要功能统一目录结构,本地调试,热部署,单元测试和集成打包 需要环境(cmd操作最好以管理员身份进行) 1.下载node.js node.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 · 166 阅读 · 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 · 220 阅读 · 0 评论