写在前面 VUE中关于插槽的文档说明很短，语言又写的很凝练，再加上其和方法，数据，计算机等常用选项在使用频率，使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产
原创
2021-07-20 14:20:21
1385阅读
Mixins一般有两种用途：1
原创
2022-09-09 08:35:34
124阅读
作者：chinamasters 最近在深入研究vue源码，把学习过程中，看到的一些好玩的的函数方法收集起来做分享，希望对大家对深入学习js有所帮助。如果大家都能一眼看懂这些函数，说明技术还是不错的哦。 1. 数据类型判断Object.prototype.toString.call()返回的数据格式为 [object Object]类型，然后用slice截取第8位到倒一位，得到结果为 O
这里是一级目录这里是二级目录
原创
2022-08-17 10:20:39
130阅读
在这篇博文中，我将分享如何将Vue与Swift结合，实现Vue调用Swift中的方法的过程。随着前端技术的迅速发展，Vue逐渐成为开发高效用户界面的热门选择，而Swift语言则在移动应用开发领域占据重要地位。将这两者无缝结合，可以为开发者提供更强大的功能工具。
### 环境准备
首先，我们需要确保开发环境的准备。我们将使用以下技术栈：
- **Vue.js**：前端框架
- **Swift*
前言vue绝大多数情况下都是使用<template>模板来创建HTML的，但是也可以使用渲染函数render来生成HTMLrender函数的作用
render函数其实就是用来代替<template>来生成html的
render函数通过返回一个 createElement()方法生成template模板，这个方法是render函数自带的createElement参数传递给它
转载
2024-04-29 19:25:07
66阅读
一、Vue中的路由 vue-router 是 vue 中提供的路由，1.使用vue-router 的步骤：（1）导入 vue 文件和 vue-router 文件<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-router.js"></script>（2）创建路由实例
转载
2023-07-12 15:13:37
419阅读
一配置文件.eslintrc.js参考连接在vue的配置文件.eslintrc.js中配置以下选项 这样只需要右键格式化以下文件夹，大部分eslint规则报错就会被干掉了js代码的语法检查代码提示出现很多奇奇怪怪的错误提示，因为是eslintrc.js文件没有配置相关命令 默认eslint规则：代码末尾不能加分号 ; 代码中不能存在多行空行； tab键不能使用，必须换成两个空格； 代码中不能存在声
懒，所以我使用插件。可是，要面对的就是对插件的一知半解。大家都知道vuex中存储的数据在刷新地址栏时，会被销毁，故而vuex不能一直保持状态的存储。其实手写代码去改造这一点是最好的，但我选择插件。使用的是vuex-persistedstate。1.安装插件npm i vuex-persistedstate 2.默认使用该插件默认将数据存储到localStorage中。在sto
转载
2024-10-16 12:02:24
49阅读
1.13. 列表渲染 1.13.1. 基本列表v-for 指令 ● 用于展示列表数据 ● 语法：<li v-for="(item, index) of items" :key="index">，这里 key 可以是 index，更好的是遍历对象的唯一标识 ● 可遍历：数组、对象、字符串（用的少）、指定次数（用的少）<title>基本列表</title>
<
计算属性 computed:{
变量:function(){
return 计算好的值
}
}
这时候计算好的值 就付给了你的变量 在实例中可以this.使用
注意 声明的变量的data中不可以重复声明否则报错
<template>
<div class="watch">
<input typ
Vue.js入门教程Vue官网网址：Vue.js中文网 Vue.jsVue.js是渐进式JavaScript 框架，是一套构建用户界面的渐进式框架。也可以说Vue.js 是一个用来构建网页界面的 JavaScript 库。Vue的常用使用方式有两种：一、使用<script>标签（标记）引入。可以使用CDN（Content Delivery Network，即内容交付网络）库（框架）。也
转载
2023-12-28 15:12:29
55阅读
import Vue from "vue"; import Vuex from "vuex"; import VuexPersistence from "vuex-persist"; const vuexLocal = new VuexPersistence({ storage: window.se
原创
2021-11-10 09:34:31
512阅读
项目背景最近使用Vue(版本2.9)开发一个项目时，要生成表单列表，所以使用了v-for来做循环，循环里的元素(item)是一个子组件。同时每个元素都有删除按钮，点击后删除当前元素。初始代码如下：父组件：
任务
删除 新建任务 /* eslint-disable */
import vSelectionConditionList from './SelectionCo
一 前言介绍之前我们分两个章节详细的介绍了vue3.0 数据相应原理，知道了用proxy代替Object.defineProperty 的利与弊，了解了依赖收集和派发更新的大致流程，知道了vue3.0响应式原理，这节我们一起研究vue3.0中的 watch 有那些变化。连载文章是大致是这样的，可能会根据变化随时更改：1 数据绑定原理(上)2 数据绑定原理(下)3 computed和watch原理4
最近ajax的使用十分频繁，对其许多参数还不是很了解，特此总结。通用写法1 $.ajax({
2 url: "http://www.hzhuti.com", //请求的url地址
3 dataType: "json", //返回格式为json
4 async: true, //请求是否异步，默认为异步，这也是ajax重要特性
转载
2023-07-03 13:57:53
129阅读
第一步建立less文件第二步：在less中加入代码第三部：解析代码1、动态添加.test-dark 类名，触发styleChange（）函数这里我把类名写死，方便测试2、举例如果我想要改变头部 .Header-noOpen 背景色那么注意要在styleChange中改变 个人记录总结，勿喷哈哈哈哈哈（上次有小伙伴私信说有部分代码貌似缺失，真是抱歉，这次
转载
2024-10-28 17:26:38
365阅读
super关键字，是一个隐式参数（另一个隐式参数是this）。1.概述super是直接父类的引用（this是当前对象的引用）。可以通过super来访问父类中被子类覆盖的方法或属性。super关键字，是一个隐式参数，另外一个隐式参数是this。 super用于方法里面，用于方法外面无意义。super关键字一般用于继承和构造方法中。任何类的构造函数中，若是构造函数的第一行代码没有显式的调用super
转载
2023-09-27 13:39:03
108阅读
还是从初始化方法开始找代码，在 src/core/instance/index.js 中，先执行了 renderMixin 方法，然后在Vue实例化的时候执行了 vm._init 方法，在这个 vm._init 方法中执行了 initRender 方法。renderMixin 和 initRender 都在 src/core/instance/render.js 中，我们来看看代码：renderM
转载
2024-07-19 22:20:23
239阅读
用了多年vue 今天对自己了解的render 做一个梳理一、使用template模板先从vue 初始化开始：
众所周知项目的main.js中定义了var app = new Vue({})这vue初始化操作其实他会执行到这个方法中的_init函数，在这个方法执行一些列的初始化后，判断$options是否定义el,如果定义调用vm.$mount(vm.$options.el)函数，这个函数其实是在e
转载
2024-07-25 16:38:18
1013阅读
