摘要: 1. jQuery速度再快,也无法与原生的javascript方法相比,而且建立的jQuery对象包含的信息量很庞大。所以有原生方法可以使用的场合,尽量避免使用jQuery。 例如: $("a").click(function(){ alert($(this).attr("id")); }); 改后 阅读全文
posted @ 2022-05-11 18:11 许明月 阅读(38) 评论(0) 推荐(0)
摘要: 默认播放 1.在playController.vue 中,export default 中: // 1.准备一个变量控制播放按钮的切换 data() { return { aaa: true //默认为true暂停图 } }, // 2.设play函数,点击播放与暂停按钮时触发的函数 methods 阅读全文
posted @ 2022-05-11 18:02 许明月 阅读(313) 评论(0) 推荐(0)
摘要: data 中设置接收搜索到的歌曲列表 searchSongs data() { return { searchKeyword: "", //用户输入需要搜索的内容 searchSongs: [] //接收搜索到的歌曲列表 } } 将接口内容放到搜索到的歌曲列表 searchSongs 中 async 阅读全文
posted @ 2022-05-11 17:54 许明月 阅读(55) 评论(0) 推荐(0)
摘要: Vuex定义:是一个专为vue.js应用程序开发的状态管理库,状态就是指组件之间共享的数据 vue项目中配置状态管理库vuex的流程 1.下载并引入vuex相关内容 import { createStore} from "vuex"; 2.创建状态管理器对象store const store=cre 阅读全文
posted @ 2022-05-11 15:39 许明月 阅读(77) 评论(0) 推荐(0)
摘要: vue对象的生命周期函数 定义:从创建到销毁的过程 vue对象创建成功之前与创建成功之后:beforeCreate,create vue对象(model)与页面dom元素(view)绑定成功之前与绑定成功之后:beforeMount,mount view或model数据更新之前与数据更新之后:bef 阅读全文
posted @ 2022-05-10 15:28 许明月 阅读(71) 评论(0) 推荐(0)
摘要: 父子组件之间数据通信 第一种:父-->子props传连数据:子-->父触发自定义事件的形式 第二种: provide.….inject告构父组件provide抛出数据,子组件inject接收数据 非父子组件之间的数据通信 第一种:事件总线Bus(全vue对象) import Bus from 'Bu 阅读全文
posted @ 2022-05-10 14:58 许明月 阅读(30) 评论(0) 推荐(0)
摘要: 动态路由 定义:我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如:我们有一个User组件,对于所有ID各不相同的用户,都要使用这个组件来渲染。 一个『路径参数』使用冒号:标记;可以在一个路由中设置多段『路径参数』 动态路由的传参 1、params传参 定义动态路由 {path: ' 阅读全文
posted @ 2022-05-08 18:19 许明月 阅读(46) 评论(0) 推荐(0)
摘要: vue3项目中如何配置路由 1、下载vue-router,在路由文件中引入相关依赖 import{createRouter , createWebHashHistory} from "vue-router"; 2、创建路由信息对象数组 const routes=[{path: ' /bar ' ,c 阅读全文
posted @ 2022-05-08 18:09 许明月 阅读(659) 评论(0) 推荐(0)
摘要: 一共有两种方式: 1. vue/cli 2. vite 1.使用 vue/cli新建 npm install -g @vue/cli 这样就可以在全局安装vue/cli,输入命令,查看安装是否成功 vue --version #or vue -V 能出现对应的vue/cli的版本,即为安装成功。 2 阅读全文
posted @ 2022-05-07 13:54 许明月 阅读(140) 评论(0) 推荐(0)
摘要: 数据的页面展示{{}} ,v-once,v-html 数据绑定属性v-bind,简写用: 事件调用:v-on,简写:@ V-if与v-show,异同 v-for 用in和of都一样,循环数组的时候,可以有两个参数,循环对象时,可以有三个参数 style与class绑定 计算属性 表单双向绑定 新建v 阅读全文
posted @ 2022-05-07 13:50 许明月 阅读(34) 评论(0) 推荐(0)