2022年5月12日
脚本的特点及应用
摘要： 1.什么是脚本? 脚本(script)是使用一种特定的描述性语言，依据一定的格式编写的可执行文件，又称作宏或批处理文件。脚本通常可以由应用程序临时调用并执行。 简单解释:脚本类似于演戏时用到的剧本，脚本其实就是一系列指令——演员看了指令就知道自己该表演什么，说什么台词；计算机看了指令就知道自己该做什 阅读全文
posted @ 2022-05-12 16:01 clearlove3 阅读(829) 评论(0) 推荐(0)
vue动态绑定class
摘要： vue提供动态绑定class的方法，根据属性控制控制class的显示与隐藏。 testStyle,testStyle2是类名，是否在元素中引用该类，取决于后面的方法（属性）传递回来的值（true 或 false） <template> <div> <div :class="{testStyle:te 阅读全文
posted @ 2022-05-12 15:53 clearlove3 阅读(1093) 评论(0) 推荐(0)
2022年5月11日
vue动态路由传参
摘要： 动态路由传参有两种方式 1.query传参：相当于get 必须定义path属性，通过query传参 通过 this.$route.query 接收参数 2.params传参：必须定义 name 属性，通过params传参 通过 this.$route.params接收参数 第一种方式 props:t 阅读全文
posted @ 2022-05-11 21:09 clearlove3 阅读(121) 评论(0) 推荐(0)
vue-router路由
摘要： 一、安装 如果你用vue-cli脚手架来搭建项目，配置过程会选择是否用到路由,如果选择y,后面下载依赖会自动下载vue-router。安装：npm i vue-router 二、创建组件 如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能，用vue-cli生产了我们的项 阅读全文
posted @ 2022-05-11 20:59 clearlove3 阅读(42) 评论(0) 推荐(0)
vue事件处理
摘要： 1.事件绑定(v-on) ​ Vue中也可以给页面元素绑定事件. 语法： <!--完整写法--> <button v-on:事件名="函数名/vue表达式">点我</button> <!--简化写法--> <button @事件名="函数名/vue表达式">点我</button> 2.事件修饰符 事 阅读全文
posted @ 2022-05-11 20:53 clearlove3 阅读(36) 评论(0) 推荐(0)
vue生命周期函数
摘要： 一、什么是 vue 生命周期 Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。 二、生命周期函数 Vue 的生命周期总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后。 阅读全文
posted @ 2022-05-11 20:48 clearlove3 阅读(227) 评论(0) 推荐(0)
vue基础语法
摘要： 1.钩子函数 钩子函数, 其实就是Vue提前定义好的事件 语法： <script type="text/javascript"> var app = new Vue({ el:"#app", //钩子函数created,该方法在页面显示之后,自动执行 created() { console.log( 阅读全文
posted @ 2022-05-11 16:59 clearlove3 阅读(28) 评论(0) 推荐(0)
2022年5月9日
vue数据传输
摘要： 1. 父组件向子组件传值 组件实例的作用域是孤立的。这意味着不能在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据，我们需要通过子组件的props选项。 子组件： 子组件需要从父组件获取 logo 的值，就需要使用 props: ['logo'] 父组件： 2. 子组件向父组件传值 子 阅读全文
posted @ 2022-05-09 18:35 clearlove3 阅读(44) 评论(0) 推荐(0)
简易网易云首页
摘要： <template> <div class="listViewTop"> <img :src="playlist.coverImgUrl" alt="" class="bg" /> <div class="listViewTopNav"> <div class="back" @click="$rou 阅读全文
posted @ 2022-05-09 18:30 clearlove3 阅读(29) 评论(0) 推荐(0)
矢量图标的使用
摘要： 1.直接引入 将需要的矢量图标从图标库下载后放置在相对于文件夹中并在页面使用<img>标签引入 2.在public文件夹中index.html中引入 下方网址就是需要引入的网址 <script src="你自己的图标库网址"></script> <link rel="stylesheet" href 阅读全文
posted @ 2022-05-09 18:27 clearlove3 阅读(129) 评论(0) 推荐(0)