Dinesaw

2023年3月21日

摘要：过滤器filter <!DOCTYPE html> <html lang="en">  <!-- 过滤器是可以连续调用阅读全文

posted @ 2023-03-21 09:36 Dinesaw 阅读(28) 评论(0) 推荐(0) 编辑

计算属性

摘要：计算属性计算属性，定义为“方法”，定义到 computed 节点之下在使用计算属性的时候，当普通的属性使用即可，不需要 “（）” 好处： 1. 实现了代码的复用 2. 只要计算属性中依赖的数据源变化了，则计算属性会自动重新求值！例：设定一个有大小的盒子，修改输入框中的rgb，会使得盒子跟着一起阅读全文

posted @ 2023-03-21 09:30 Dinesaw 阅读(29) 评论(0) 推荐(0) 编辑

2023年3月20日

监听器watch

摘要：监听器侦听器:用于监听数据变化,然后做事侦听器本质上是一个函数，要监视哪个数据的变化，就把数据名作为方法名即可 watch_name(newVal,oldVal){} 方法格式的侦听器缺点1：无法在刚进入页面的时候，自动触发！！！缺点2：如果侦听的是一个对象Object，如果对象中的阅读全文

posted @ 2023-03-20 09:28 Dinesaw 阅读(31) 评论(0) 推荐(0) 编辑

2023年3月18日

axios

摘要： axios axios可以局部导入和全局导入首先要下载axios插件全局导入当把axios挂载到mainjs中，就是全局了，在其他的组件中就不需要再导入了 ①main.js 导入axios import axios from 'axios' 全局配置 axios 的请求根路径 axios.de 阅读全文

posted @ 2023-03-18 13:15 Dinesaw 阅读(41) 评论(0) 推荐(0) 编辑

2023年3月16日

vue-bugs

摘要： vue-bugs error Unexpected trailing comma comma-dangle https://blog.csdn.net/qq_56514785/article/details/117021009 删除最后一个多余的逗号即可，常见于methods结尾处 Trailing 阅读全文

posted @ 2023-03-16 11:54 Dinesaw 阅读(12) 评论(0) 推荐(0) 编辑

2023年3月15日

使用ref进行DOM元素的索引

摘要：使用ref进行DOM元素的索引假设:在vue中，需要操作DOM了，需要拿到页面上某个DOM元素的引用，此时怎么办? 可快速实现对子组件的data数据和样式的改变。使用ref引用组件实例，使用这个方式从父向子传值方便多了例 ref实现按钮和文本框的按需使用：点击按钮展示文本框、失去焦点时自动展示阅读全文

posted @ 2023-03-15 17:10 Dinesaw 阅读(57) 评论(0) 推荐(0) 编辑

VUE基础：组件CSS样式、props属性

摘要： VUE基础部分组件css样式例子 <style lang="less"> // 这里记得改名，然后给div也加名字 .comName-container { padding: 10 20px 20px; background-color: lightskyblue; min-height: 250 阅读全文

posted @ 2023-03-15 12:11 Dinesaw 阅读(290) 评论(0) 推荐(0) 编辑

组件的使用：全局、私有

摘要：全局组件使用创建@/components/Count.vue，定义其内容 ①main.js 导入 import Count from '@/components/Count.vue' 声明 Vue.component('myCount', Count) //这里的myCount才是在其他组件中能调阅读全文

posted @ 2023-03-15 12:02 Dinesaw 阅读(30) 评论(0) 推荐(0) 编辑

子组件的创建与隐藏

摘要：子组件的创建与隐藏通过flag的切换，进行子组件Test的创建和隐藏。 App.vue <template> <button @click="flag = !flag">Toggle Flag</button> <Test v-if="flag"></Test> <script> data() { 阅读全文

posted @ 2023-03-15 12:00 Dinesaw 阅读(27) 评论(0) 推荐(0) 编辑

2023年3月14日

axios接口的使用

摘要： axios接口的使用配置axios npm i axios -S 一、基础方法 ①创建@src/utils/request.js，封装 import axios from 'axios' const request = axios.create({ // 指定请求根路径 baseURL:'http 阅读全文

posted @ 2023-03-14 17:17 Dinesaw 阅读(87) 评论(0) 推荐(0) 编辑

公告