Vue——mergeOptions【四】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 这块建议搭建可以根据 demo 进行 debugger 来观察； 内容 这一块主要围绕init.ts中的mergeOptions进行剖析。 mergeOptions mergeOptions的方法位于sc ...
[Vue3] 组件上的ref不能与组件名相同
情景 关键 组件没有正确引入 函数无限递归 解决 如果在网上搜索[Vue warn]: Component is missing template or render function. 或[Vue warn]: Invalid vnode type when creating vnode: nul ...
Vue项目迁移小程序，实操干货分享
前面发布了很多文章向大家分享前端、小程序相关的知识，最近很多小伙伴说想看实操，这不就安排起来了吗！ 今天就给大家分享“Vue 项目转小程序”的实操干货。 首先明确需求：开发者是想将已有的 Vue 项目转为小程序，在集成了 FinClip SDK 的 App 中运行小程序，那这里我们就需要关注以下两个 ...
Vue——Vue初始化【三】
前言 今天我们来解密下init.ts中的代码内容，并结合 vue 生命周期来分析下 vue 的初始化； GitHub github page 内容 init.ts import config from '../config' import { initProxy } from './proxy' i ...
记录--Vue自定义指令实现加载中效果v-load（不使用Vue.extend）
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 网站效果演示：ashuai.work:8888/#/myLoad GitHub仓库地址代码：github.com/shuirongshu… 加载中思路分析 实现加载中效果，一般有两种方式: 第一种是：搞一个load组件，然后使用Vue.e ...
vue 组件的引用
一:全局引用 1,现在main中引用组件: import 组件别名 from '组件路径' 2.注册组件 Vue.component('组件别名', 组件别名) 1.在需要引用组件的页面中script下写如下代码 import 组件别名 from "组件路径"; 2.注册组件 components: ...
记录--在Vue3这样子写页面更快更高效
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在开发管理后台过程中，一定会遇到不少了增删改查页面，而这些页面的逻辑大多都是相同的，如获取列表数据，分页，筛选功能这些基本功能。而不同的是呈现出来的数据项。还有一些操作按钮。 对于刚开始只有 1，2 个页面的时候大多数开发者可能会直 ...
实现 Vue 折叠面板组件
block 和 none 问题 一些 CSS 属性可以是动画的，也就是说，当它的值改变时，它可以以平滑的方式改变。 做折叠面板最简单的方式是改变它的 block 或 none，这两个属性值不包含在可动画属性中。详见：CSS animated properties。所以，设置 CSS 动画（keyfr ...
vue3+ElementPlus 后台布局搭建
一、https://element-plus.gitee.io/zh-CN/ 官网 二、后台布局Layui 代码示例如下 <template> <div class="app_container"> <div class="common-layout"> <el-container> <el-asi ...
Vue，小程序开发技术详解
目前应用最广的三大前端框架分别是Vue、 React 和 Angular 。其中，不管是 BAT 大厂，还是创业公司，Vue 都有广泛的应用。如今，再随着移动开发小程序的蓬勃发展，Vue也广泛应用到了小程序开发当中。今天，就来详细为大家介绍：为什么vue值得学习、vue和小程序会碰撞出什么火花。 一 ...
vue 父子组件之间传值
在vue中父子组件传值是必不可少的，大家必须要学会！ 首先父组件向子组件传值： 父组件：比如我们传teacher为index，如果我们传值变量可以使用 : 绑定我们在data中定义的变量。 子组件：为了规范一般使用对象的形式，type表示值的类型，default表示如果不传值就默认是null. 在子 ...
Vue的基础知识（三）
本章将继续和大家分享Vue的一些基础知识。话不多说，下面我们直接上代码： 本文内容大部分摘自Vue的官网：https://v2.cn.vuejs.org/v2/guide/ 首先我们先来看一下Demo的目录结构，如下所示： 一、侦听器 <!DOCTYPE html> <html lang="en"> ...