VUE那些事儿
文章平均质量分 70
我很陈冠希
一位饱含热情的前端菜鸟
展开
-
将树形数据扁平化(转为一维数组)的函数方法
应用场景做树形数据时会有需要处理进行扁平化的操作来拿到里面的每一个孩子的id值,又要保留原有的树去做渲染,利用深拷贝+递归方法完成,直接上代码const arr1=deepClone(arr)moveChildrenLevel(arr)/** * 树形扁平化 * @param arr * @returns {*} */ moveChildrenLevel(arr1) { const send = [] const move = arr2 => {原创 2021-11-09 09:33:13 · 868 阅读 · 0 评论 -
VUE组件化开发基础知识点
文章目录前言一、VUE里组件是什么?二、使用步骤1.引入库2.读入数据总结前言提示:以下是本篇文章正文内容,下面案例可供参考一、VUE里组件是什么?组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代码二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as sns.原创 2021-07-01 20:54:17 · 131 阅读 · 0 评论 -
在vue项目中发送axios.ajax请求步骤
vue项目axios基础使用步骤下包导包配置请求的基准URL地址axios设置请求拦截器定义http发送axios.ajax下包npm i axios导包在main.js里输入这行代码import axios from “axios”配置请求的基准URL地址axios.defaults.baseURL = ‘http://127.0.0.1:8888/api/private/v1/’ 文档基准axios设置请求拦截器快捷键 axios-config-interceptors只要发送aja原创 2021-07-01 20:53:28 · 482 阅读 · 0 评论 -
VUE全家桶之VUE基础
VUE全家桶之VUE基础前言核心思想插值表达式 mustache 胡子语法vue全局API前言核心思想数据的双向绑定组件系统插值表达式 mustache 胡子语法{{msg}}{{1 + 2}}{{1 > 3 ? 1 : 3}} 有闪动的问题(绑定v-cloak解决)# vue指令### 本质 自定义属性格式 以v-开头的属性注意: 在指令中不要写插值语法 直接写对应的变量名称 例如在 v-text 中赋值的时候不要在写插值语法 一般属性中不加原创 2021-07-01 10:54:20 · 78 阅读 · 0 评论 -
全局安装脚手架及第一次配置项目详解
这里写目录标题全局安装脚手架(vue-cli)创建项目1、选择预设2、手动选择插件(大空格)3、选择你目前vue在使用的版本4、选择N 不是历史模式 是哈希模式5、选择是sass还是less 根据业务需求来 看你用说明选less6、选择标准 ESLint + Standard config7、检测语法是否规范 不规范则报错8、是否单独形成一个配置文件,一般习惯选中第一个9、是否将以上选择保存起来变成一个预设模板??此时项目已经在初始化了全局安装脚手架(vue-cli)命令:npm install原创 2021-06-27 15:02:46 · 609 阅读 · 0 评论 -
VUE数组的变异方法(变更方法)
文章目录VUE数组的变异方法(变更方法)一、结论二、使用步骤1.引入库2.读入数据总结VUE数组的变异方法(变更方法):在 Vue 中,直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值,你会发现,只有数据改了,但是页面内容并没有改变数组与对象是一个引用类型,视图层和模型层是响应式的,为什么我们传统做法在视口层无法显示呢?因为我们根本没有改变地址通过索引的方式添加或修改数组 ,并没有改变数组的地址并且push方法本身也没有修改数组的地址但是vue中对这些操作的方法做了改变这些原创 2021-06-21 19:41:43 · 2473 阅读 · 0 评论 -
VUE生命周期
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录生命周期创建期间的生命周期函数:运行期间的生命周期函数:销毁期间的生命周期函数:总结生命周期提示:VM的实力创建,更新,销毁的过程提示:以下是本篇文章正文内容,下面案例可供参考Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期函数(生命周期钩子函数)。创建期间的生命周期函数:beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性原创 2021-06-21 14:59:03 · 64 阅读 · 0 评论