前后端分离学习中,VUE方面遇到的问题
JS导包问题(封装axios过程中遇到):
JS中的外部项引入问题:
在import导入外部包时:
import 导入项带带花括号“import {} from ‘url’ ”与不带花括号“ import [name] from ‘url’ ”的区别:
- 不带花括号相当于取了别名,可以直接使用其中的项;
- 带花括号必须是引入项的必须含有————命名导出为[name]的export 的代码
- 原文出处: https://www.cnblogs.com/ranyonsue/p/11468727.html.
页面映射关系的注册(VUE页面的链接与“别名的应映射关系,注册到index.JS中”):
* 页面映射关系的引入 * import [视图物理名称]*类似于别名* from [地址] * 相当于将.vue页面注册并加入了 “ 别名——页面 ” 的映射关系import Employees from "../views/Employees"
import study from "../views/study";
routes: [
{
path: '/url',//对应路径
component: Employees//对应资源(import引入的页面的别名)
},
VUE页面中的created方法:
//created() 方法用于初始化操作
//在数据展示页面中对应的就是页面数据的填充渲染。
created() {
//因为在api/modules/employeController.js中已经封装了相关的axios管理,所以此处直接调用即可
//需要在JS框内引用一下“import”
this.loadList();
},
数据:
export default {
name: "study",//页面名称,
data(){//数据
return{
message:"你好!",//数据名称[message],多个数据以“,”隔开
employees:[{
属性名1:'',
属性名2:'',
}]