2022年5月12日
vue条件渲染
摘要： v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 <h1 v-if="awesome">Vue is awesome!</h1> 也可以用 v-else 添加一个“else 块”： <h1 v-if="awesome">Vue is a 阅读全文
posted @ 2022-05-12 14:32 LLLLY 阅读(28) 评论(0) 推荐(0) 编辑
vue插槽
摘要： 什么是插槽 插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。 1、在子组件中放一个占位符 1 <template> 2 <div> 3 <h1> 阅读全文
posted @ 2022-05-12 12:57 LLLLY 阅读(38) 评论(0) 推荐(0) 编辑
2022年5月11日
vue组件之间的数据通信
摘要： 1、通过路由带参数传值 ①定义路由时加上参数props: true，在定义路由路径时要留有参数占位符: name『用法: to="'路径/'＋value"』 ②在跳转到的页面加上参数props:['name'] ③在跳转到的页面就获取到了name[用法: js中直接this. name；html中直 阅读全文
posted @ 2022-05-11 23:06 LLLLY 阅读(73) 评论(0) 推荐(0) 编辑
vue框架
摘要： vue-router： 一：vue3项目中如何配置路由 1.下载vue-router,在路由文件中引入相关依赖 2.创建路由信息对象数组 3.创建路由管理器对象并对外抛出 4.在main.js使用use(router)方法，将路由管理器对象与当前vue项目相关联 5.在项目中设置路由导航router 阅读全文
posted @ 2022-05-11 20:34 LLLLY 阅读(69) 评论(0) 推荐(0) 编辑
网易云音乐项目实现（三）
摘要： 7.实现搜索功能 （1） 在views文件夹下新建一个Search.vue页面，并在router文件夹下的index.js里引入 （2） 给首页的右上角搜索按钮添加点击跳转功能，跳转到Search页面 （3） 在components组件中新建一个SearchTop.vue并在Search.vue中引 阅读全文
posted @ 2022-05-11 12:06 LLLLY 阅读(324) 评论(0) 推荐(0) 编辑
2022年5月10日
网易云音乐项目实现（二）
摘要： 5.底部播放器效果的实现 （1）因为底部播放器是固定的，而是在每一个页面都会显示的，所以我们应该在components下新建一个playController.vue把他引入到app.vue中 （3） 底部播放器需要放歌曲，需要在store文件夹下的index.js里定义state对象，用到playl 阅读全文
posted @ 2022-05-10 21:40 LLLLY 阅读(286) 评论(0) 推荐(0) 编辑
网易云音乐项目实现（一）
摘要： 项目基本分成了七大模块： 项目发现模块、歌曲详情模块、全局音乐播放组件、歌曲详情模块、歌曲搜索模块、用户登录验证与登录状态维持、个人中心模块以及退出登录 1.项目后端搭建 （1） 下载项目所需后端文件： （1） 将其通过终端指令node app.js 运行项目所需后端文件 打开之后运行项目： 2.项 阅读全文
posted @ 2022-05-10 09:22 LLLLY 阅读(900) 评论(0) 推荐(0) 编辑
2022年5月9日
vue数据绑定
摘要： 数据的页面展示{{}} ,v-once,v-html 数据绑定属性v-bind,简写用: 事件调用：v-on,简写：@ V-if与v-show，异同 v-for 用in和of都一样，循环数组的时候，可以有两个参数，循环对象时，可以有三个参数 style与class绑定 计算属性 表单双向绑定 <! 阅读全文
posted @ 2022-05-09 20:16 LLLLY 阅读(611) 评论(0) 推荐(0) 编辑
Vue安装
摘要： 新建vue单页面应用 一共有两种方式： vue/cli vite vue/cli vue/cli是基于webpack 1 npm install -g @vue/cli 这样就可以在全局安装vue/cli，输入命令，查看安装是否成功 1 vue --version 2 #or 3 vue -V 能出 阅读全文
posted @ 2022-05-09 17:04 LLLLY 阅读(32) 评论(0) 推荐(0) 编辑
Vue.js介绍
摘要： Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 将 Vue.js 阅读全文
posted @ 2022-05-09 16:50 LLLLY 阅读(192) 评论(0) 推荐(0) 编辑
下一页
点击右上角即可分享
微信分享提示