摘要: 动态路由: 当路由发生切换时,并不会重新渲染路由组件,而会使用已经渲染过的路由组件(只会会修改路由参数值),这样增加了程序的高效及时性; 另一方面,组件的生命周期钩子回调函数将不再会调用! 方法一; routes: [ { path: '/login', name: 'login', meta: { 阅读全文
posted @ 2022-05-12 17:51 又等花开风起 阅读(80) 评论(0) 推荐(0) 编辑
摘要: v-bind就是用于绑定数据和元素属性的 v-bind后面是:属性名=,v-bind也要有一个简写的方式 就是:(冒号),可以理解是表示绑定这个属性,绑定之后,对应的值要去vue的数据里面找。 <!-- 完整语法 --> <a v-bind:href="url">...</a> <!-- 缩写 -- 阅读全文
posted @ 2022-05-12 17:43 又等花开风起 阅读(576) 评论(0) 推荐(0) 编辑
摘要: 计算属性 computed 变量的计算不能直接写在template中,应该通过computed属性来计算。computed属性中定义好的计算变量结果可以直接用在template中。当计算表达式中的变量发生变化时,结果也会自动发生变化。 var app = Vue.createApp({ data() 阅读全文
posted @ 2022-05-12 17:35 又等花开风起 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 在vue中,可以通过v-for指令可以将一组数据渲染到页面中,数据可以是数组或者对象。 <!-- v-for不仅可以遍历数组,还可以遍历对象,这里有一个东西 :key, 就是v-bind:key,这个key就是为了给现在已经渲染好的li标签做个标记,以后即便是有数据更新了,也可以在这个li标签里面进 阅读全文
posted @ 2022-05-12 17:32 又等花开风起 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 如何使用git管理项目? 1、在github中创建一个新的项目zhangxhmusics 2、在自己电脑本地下载git仓库中项目zhangxhmusics git clone 项目的地址(从git仓库复制下来的) zhangxhmusic(自己给下载下来的项目定义的名字) 3、开发项目xxxxxxx 阅读全文
posted @ 2022-05-12 17:26 又等花开风起 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 1、打开阿里巴巴矢量图库的官方网站 iconfont-阿里巴巴矢量图标库 2、登录 3、搜索你想要的类型然后加入购物车然后添加至项目 下载到本地 4、下载好的文件解压之后放在你的项目目录里边 在在你的项目中引入iconfont.css 文件 5、使用字符标签 创建一个i 标签 添加两个类名 一个是i 阅读全文
posted @ 2022-05-12 17:23 又等花开风起 阅读(1054) 评论(0) 推荐(0) 编辑
摘要: const app = Vue.createApp({ data(){ return { message: 'helllo world' } }, methods:{ handllItemClick(){ // 绑定点击事件。功能就是点击DOM元素的时候,更新data中的数据 this.messag 阅读全文
posted @ 2022-05-12 17:18 又等花开风起 阅读(64) 评论(0) 推荐(0) 编辑
摘要: 从 HTML3.2 开始反对使用本元素,同时它不再会在之后版本内被推荐使用。在 HTML5 规范内,本元素已经完全被移除 2.ES6中,对于模板字符串说明不正确的是() A.使用‘’单引号包含字符串 B.使用``方式定义字符串 C.模板字符串可以实现字符串内换行 D.在模板字符串中可以使用${}拼接 阅读全文
posted @ 2022-05-12 17:17 又等花开风起 阅读(41) 评论(0) 推荐(0) 编辑
摘要: vue网易云项目笔记 1、使用Vue cli在命令行创建一个vue项目起名music001,如图: 下载axios,swiper,vue-awesome-swiper 检查package.json文件 2.src下创建app.vue 3.在路由文件router下的index.js中进行配置: 引入H 阅读全文
posted @ 2022-05-12 17:14 又等花开风起 阅读(126) 评论(0) 推荐(0) 编辑
摘要: 动态路由:我们经常需要把某种模式匹配道德所有路由,全都映射到同一个组件。例如我们有一个user组件,对于所有id不同的用户又要使用这个组件来渲染。一个路径参数使用冒号标记 动态路由使用方法: ```js const router =new VueRouter({ routes:[ {path:'/u 阅读全文
posted @ 2022-05-12 17:10 又等花开风起 阅读(303) 评论(0) 推荐(0) 编辑