props验证什么是props验证指的是：在封装组件时对外界传递过来的props数据进行合法性的校验，从而防止1数据不合法的问题。使用数组类型的props节点的缺点：无法为每个prop指定具体的数据类型。对象类型的props节点使用对象类型的props节点，可以对每个porp进行数据类型的校验，示意图如下：props验证对象类型的props节点提供了多种数据
......
400
0
0
2022-12-04
单页面应用程序概念单页面应用程序（英文名：Single Page Application）简称SPA，顾名思义，指的是一个web网站中只有唯一的一个HTML页面，所有的功能和交互都是在这唯一的一个页面内完成。特点单页面应用程序将所有的功能局限于一个web页面中，仅在该web页面初始化时加载相应的资源（HTML、JavaScript和CSS）。一旦页面加载完成
......
381
0
0
2022-12-04
1. watch侦听器wach侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作。例如，监视用户名的变化并发起请求，判断用户名是否可用。1.1 基本语法开发者需要在watch节点下，定义自己的侦听器：export default{
data(){
return { username:'' }
},
watc
......
345
0
0
2022-12-04
1. ref引用1.1 ref引用ref用来辅助开发者在不依赖jQuery的情况下，获取DOM元素或组件的引用。每个vue的组件实例上，都包含一个 refs对象，里面存储着对应的DOM元素或组件的引用。默认情况下，组件的 refs指向一个空对象。<template>
<h3>MyRef组件</h3>
<butto
......
304
0
0
2022-12-04
开场哈喽大咖好，我是跑手，本次给大家继续探讨vue-router@4.x源码中有关导航守卫部分。官方定义导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中：全局的，单个路由独享的，或者组件级的。讲起导航守卫大家并不陌生，举个最常遇到的例子：在路由跳转时一般要判断用户是否登录或者有没有权限进入目标路由，这时候可以创建判断逻辑并放到rou
......
483
0
0
2022-12-01
自定义显示时间首先在main.js中添加以下代码 Vue.filter('date', function (originVal) {
const dt = new Date(originVal)
const y = dt.getFullYear()
const m = (dt.getMonth() + 1 +
......
347
0
0
2022-11-30
1. 前端路由的概念与原理路由(英文名：router)就是对应关系，分为两大类，后端路由和前端路由。1.1 后端路由后端路由指的是：请求方式、请求地址与function处理函数之间的对应关系。express路由的基本用法如下：const express = require('express')
const router = express.Router()
......
356
0
0
2022-11-28
背景在 Vue 的初始化阶段，_init 方法执行的时候，会执行 initState(vm) ，它的定义在 src/core/instance/state.js 中。在初始化 data 和 props option 时我们注意 initProps 和 initData 方法中都调用了 observe 方法。通过 observe (value)，就可以将数据变
......
319
0
0
2022-11-25
双向数据绑定这个概念或者大家并不陌生，视图影响数据，数据同样影响视图，两者间有双向依赖的关系。在响应式系统构建的上，中，下篇我已经对数据影响视图的原理详细阐述清楚了。而如何完成视图影响数据这一关联？这就是本节讨论的重点：指令v-model。由于v-model和前面介绍的插槽，事件一致，都属于vue提供的指令，所以我们对v-model的分析方式和以往大同小异。
......
352
0
0
2022-11-25
安装依赖npm i tinymce @packy-tang/vue-tinymce
全局引入将 node_modules 下的 tinymce目录复制到 public 中；在 public 下的 index.html 中引入 tinymce.min.js 文件。<script src="./tinymce/tinymce.min.js"><
......
430
0
0
2022-11-14
Vue.js是一套构建用户界面的渐进式框架。比起其他复杂的前端框架，比如AngularJs、Backbone.js和其他类型JavaScript框架，它非常的小巧以及轻量。Vue.js使用起来非常简单，并且很容易的上手去学习它。在这片文章里，我们向你推荐一些实用的Vue.js的框架，去帮助你更快的构建应用程序。Nuxt.jsNuxt.js 是一个将Vue应用
......
524
0
0
2022-11-11
今天给大家分享一个超精简Vue3.0后台管理模板Vue-Onepiece-Admin。vue-onepiece-admin 基于vue3+element-plus+typescript构建的后台系统。布局简练，大家可以在此框架基础上扩充一些所需功能。快速安装通过如下步骤快速构建本地项目。# 克隆项目
git clone https://github.com
......
555
0
0
2022-11-10
今天再给小伙伴们推荐一款成熟的企业中后台管理系统HEYUI-Admin。heyui-admin 基于vue.js和heyui组件库构建的后台管理系统。包含基础表单/表格功能，拓展组件(图表、富文本编辑器、代码编辑器)等功能。技术栈开发前先熟悉和学习这些知识将有助于这个项目的使用。vue、vuex、vue-router、axioshey-uijs-modelm
......
375
0
0
2022-11-10
前言Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。目前主流的 Vue 项目，都选择 axios来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求。Vuex 的安装将不再赘述，可以参考之前的博客《Vue进阶
......
420
0
0
2022-11-10
第一步、安装node.js环境下载地址: http://nodejs.cn/这里可以看到它有两个版本我们选择使用LTS版本，也就是长期支持版本比较稳定第二步、更改npm包管理时的global以及缓存的位置安装好之后，对npm安装的全局模块所在路径以及缓存所在路径，进行配置。是因为以后执行类似：npm install express [-g]（后面的可选参数-
......
400
0
0
2022-11-10