var data = { newVideosList: [{"title":"7-2 音频驱动电控悬架","titlepic":"","des":"","vgid":3,"try":false,"url":"/v/6c2726011a095875110275431253627775113a204d"},{"title":"7-1 点亮LED","titlepic":"","des":"","vgid":3,"try":false,"url":"/v/6a031c161a095f751f23117129713459753b5e3c7c"},{"title":"6 Simulink自动生成代码关键设置","titlepic":"","des":"","vgid":3,"try":false,"url":"/v/3d08232e1a095e75001533001000624b75242b115e"},{"title":"5-4 信号接口模块","titlepic":"","des":"","vgid":3,"try":false,"url":"/v/2d43284d1a095d752a1a3e4f336517717520073747"}], hotCoursesList: [{"title":"Simulink零基础MBD开发入门","des":"Simulink零基础MBD开发入门","url":"/c/692a3c381a09416a7c1c12052c0a1a156e083d3f","videos":[{"title":"7-2 音频驱动电控悬架","url":"/v/2a42231c1a095875110275431253627775252c4466"},{"title":"7-1 点亮LED","url":"/v/161d58361a095f751f23117129713459753e2c044d"},{"title":"6 Simulink自动生成代码关键设置","url":"/v/1b3b0e401a095e75001533001000624b75080e4d63"}],"count":0}], vgroupOptions: [{"value":1,"label":"限制访问"},{"value":2,"label":"普通会员"},{"value":3,"label":"VIP1"},{"value":4,"label":"VIP2"},{"value":5,"label":"VIP3"}], } const App = { data() { return data; }, methods: { handleNav(index) { let url; switch (index) { case "0": url = "/"; break; case "1": url = "/courses/"; break; case "2-1": url = "/reg/"; break; case "2-2": url = "/login/"; break; case "2-3": url = "/my/"; break; case "2-5": url = "/profile/"; break; case "2-6": url = "/ip/"; break; case "2-4": url = "/logout/"; break; default: url = "/"; } window.location.href = url; }, getVGName(vgid) { var vgMap = {}; this.vgroupOptions.forEach(item => { vgMap[item.value] = item.label; }); return vgMap[vgid] }, }, computed: { } } const app = Vue.createApp(App) app.use(ElementPlus) app.mount("#app")