第一个Vue页面

黄菊华老师 2023-01-13 00:23:44

课时名称	课时知识点
第一个Vue页面	第一个Vue页面

...全文

86 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

想仿着 vue-material 的 Demo & Document 页面的效果写一个小例子.遇到问题的地方是:如上图红色圈出的地方，点击 button 按钮时，无法执行 toggle() 方法，实现显示 Sidenav 的效果。代码如下:App.vue... // 里面主要内容就是一个路由视图...MenuItems.vue: 侧边菜单栏...export default {method...

本人做java的，第一次做vue页面，有很多比较陌生的地方，这里做一下记录。在一个vue页面调用其他vue页面的方法，可以理解为二步走：先上代码 ######################**此处为A页面**#################### methods{ start(){ //此处为方法体 } } ######################**此处为B页面**#################### import A(随便起一个名字，不过最好是A的页面名字) from @XXX/A

前面介绍了如何新建vue工程vscode新建vue工程，这篇就介绍如何编写自己的第一个页面开始之前，先介绍下vue工程的目录结构 build 项目构建(webpack)相关代码 config 项目相关配置，配置端口信息等 node_modules 项目依赖等 src>assets 放置一些图片如项目的logo、icons src>conponents 项目的一些组件，如自定义组件 src>router 路由 src>App.vue 项目入口 src>main.js 项

之前实现了一个功能VUE利用tree-transfer插件实现角色菜单动态设置在这个功能的基础上，进一步完善角色列表Uacter.vue页面，点击【菜单设置】按钮，弹出角色菜单MenuRole.vue页面，也就是说实现的是一个弹窗功能，只不过加载的vue页面说来惭愧，这是我应用vue的第4天，好多东西都不知道，然后就是现学现用首先肯定是找百度啊主要参考的列子：vue编辑、新增弹...

当你在浏览网页时，看到那些有动态效果、可以与你进行交互的部分，比如表单、弹出窗口等，这些都是由前端框架来实现的。Vue就是其中一种非常流行的前端框架。Vue的作用就像是一个工具，它可以帮助开发者更轻松地构建网页上的各种交互效果。比如，你可以用Vue来创建一个登录表单，当你输入用户名和密码时，Vue可以帮助你验证输入的内容是否正确，并在需要的时候显示出错信息。或者你可以使用Vue来制作一个图片轮播图，使图片自动切换，给用户更好的浏览体验。Vue的优点之一是它的学习曲线比较平缓，也就是说相对容易学习。

黄菊华的课程社区_NO_5

1

社区成员

242

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章