@lifetimeporn 柠檬精

@HiCode 我去码云上找一些简单的后台管理 vue 项目观摩学习一下先

@HiCode 大佬 有没有基于 vue 的 demo 给我学习学习 前端知识点也挺多的 想快点上手

@HiCode 期待你的更新 回复你之前我想了一下午 最终没想出答案 所以还是问你了

@HiCode 例如 menu 组件里标签栏有四个导航标签 ，我就做四个 view 组件，每个组件都引用 menu 组件 。在这些 view 组件各个页面 mounted 事件中通过 store.set_menu_active 函数修改 menu_active 的值吗 那会产生 4 个 menu 组件实例 好像也不对。第一次做前端项目 提问有点幼稚 请见谅哟

例如 menu 组件里标签栏有四个导航标签 ，我就做四个 view 组件，每个组件都引用 menu 组件 。在这些 view 组件各个页面 mounted 事件中通过 store.set_menu_active 函数修改 menu_active 的值吗
那会产生 4 个 menu 组件实例 好像也不对。

第一次做前端项目 提问有点幼稚 请见谅哟

@HiCode 你的项目里如果有没有需要一个页面根据不同标签页切换显示不同的 view 有的话你要怎么实现。
看了一下 vue-rap 项目 demo 的实例



https://i.loli.net/2020/11/24/2TWwhqMQGSrvPEz.jpg

@HiCode 哈哈哈 啥时候能支持一下嵌套理由 我跳转到 demo 里 temp 组件里 然后下面有菜单 根据菜单显示子路由 view https://i.loli.net/2020/11/24/6N9qiBDTlJeFpnr.jpg

@HiCode 看你的头像发现第二个项目是你的 xd 🤒

你用了 Vue-rap 还是 jQuery.Vue.js ？

@HiCode 已经用上了 真香

@HiCode 十分感谢

@suzic 能给个 demo 例子吗 .vue 单文件如何修改

@galikeoy 额 这个编译好放在本地没区别呀

@mxT52CRuqR6o5 感谢 新手了解一下

@runze 6666

@VtoExtension 老铁 你这里面用了 es6 语法吧

a.js

function Test() {
return {
template: '<div @click="handle">{{data}}</div>',
data: function () {
return {
data: 1
};
},
methods: {
handle(){
this.data+=5;
}
}
}
}

index.html

<div id="app">
<Child></Child>
</div>
<script>
// 注册
var Child = Test();
Vue.component('course-sort', Test())
// 创建根实例
new Vue({
el: '#app',
components: {
Child
}
})
</script>