摘要: 参数传递 前端需要接受的参数(我们假设为id) 在路由中注册 页面传递参数 <template> <div> <h1>用户列表</h1> {{id}} </div> </template> <script> export default { props:['id'], name: "List" } 阅读全文
posted @ 2022-02-18 19:11 小罗要有出息 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 在routes中加个属性children,要嵌套的地址就写进children中 编写关于用户的视图 用户列表 <template> <h1>用户列表</h1> </template> <script> export default { name: "List" } </script> <style 阅读全文
posted @ 2022-02-18 18:30 小罗要有出息 阅读(35) 评论(0) 推荐(0) 编辑
摘要: 新建一个webpacke项目 需要导入的组件 1.vue-router npm install vue-router@3or4 2.element-ui npm install element-ui -s 3.安装依赖 npm install 4.安装SASS加载器(SASS版本过高会下载失败) ( 阅读全文
posted @ 2022-02-18 17:35 小罗要有出息 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 解决方法 我在网上看到好多解决方案,但都没有找到解决方法。我是第一次接触element-ui。怎么引用组件也不清楚,问题就出现在引入组件上 <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width 阅读全文
posted @ 2022-02-18 17:34 小罗要有出息 阅读(675) 评论(0) 推荐(0) 编辑
摘要: 导入vue-router Vue Router v3对应Vue2.x, v4对应Vue3, yarn add vue-router@3.2.0 使用上面的npm代码,可以自动匹配适合当前vue的vue-router 在src下创建components目录 该目录下都写组件,新建一个VUE文件 <te 阅读全文
posted @ 2022-02-18 12:52 小罗要有出息 阅读(44) 评论(0) 推荐(0) 编辑
摘要: 模块化 commons模块化 1,在一个模块中定义方法 2.使用module.exports={ 方法 }导出 3.在另外的模块中使用require获取 const m =require("./common.js"); ES6模块化 之前的写法 1.定义一个模块被引用(使用export导出) exp 阅读全文
posted @ 2022-02-18 11:35 小罗要有出息 阅读(60) 评论(0) 推荐(0) 编辑
摘要: warning in ./src/main.js 8:8-17 "export 'default' (imported as 'VueRouter') was not found in 'vue-router' 解决方法 Vue Router v3对应Vue2.x, v4对应Vue3, npm in 阅读全文
posted @ 2022-02-18 11:20 小罗要有出息 阅读(1427) 评论(0) 推荐(0) 编辑