摘要: 路由模式有两种 hash:路径带#符号,如:http://localhost/#/login history:路径不带#符号,如:http://localhost/login 修改路由配置,如下: /** * 配置路由 */ import Vue from 'vue' import Router f 阅读全文
posted @ 2021-01-23 18:33 创客未来 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 1.利用 {name:'组件名称',params:{参数1:数值,参数2:数值}} <router-link v-bind:to="{name:'UserProfile',params:{id:1}}">个人信息</router-link> <template> <div class="app"> 阅读全文
posted @ 2021-01-23 16:26 创客未来 阅读(1378) 评论(0) 推荐(0) 编辑
摘要: 1.创建Main.vue,主页面带有侧边栏 <template> <div class="app"> <el-container> <el-aside class="app-side app-side-left" :class="isCollapse ? 'app-side-collapsed' : 阅读全文
posted @ 2021-01-23 15:40 创客未来 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 1.创建一个工程 vue init webpack hello-vue 2.安装依赖 #进入工程目录 cd hello-vue #安装 vue-router npm install vue-router --save-dev #安装 element-ui npm i element-ui -s #安 阅读全文
posted @ 2021-01-23 14:41 创客未来 阅读(1247) 评论(0) 推荐(0) 编辑
摘要: vue-router说明 Vue Router 是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。包含功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于Vue.js过度系统的视图过度效果 细粒度的导航控制 带有自动激活 阅读全文
posted @ 2021-01-23 12:43 创客未来 阅读(2167) 评论(0) 推荐(0) 编辑
摘要: 什么是Webpack? webpack是一个现代js应用程序的静态模块打包器,当webpack处理应用程序时,它会递归地构建一个以来关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。 服务器端的NodeJS遵循CommonsJS规范,该规范核心思想是允许模块通过 阅读全文
posted @ 2021-01-23 11:34 创客未来 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 什么是 vue-cli ? vue-cli是官方提供的脚手架,用于快速生成一个vue的项目模板。 主要功能: 统一的目录结构 本地调试 热部署 单元测试 集成打包上线 需要环境: Node.js :http://nodejs.cn/download/ 确认nodejs安装成功: cmd 下输入 no 阅读全文
posted @ 2021-01-23 10:03 创客未来 阅读(105) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <todo> <todo-title slot="todo-title" 阅读全文
posted @ 2021-01-23 07:21 创客未来 阅读(913) 评论(0) 推荐(0) 编辑