更多开源作品请看 GitHub https://github.com/qq449245884/xiaozhi ，包含一线大厂面试完整考点、资料以及我的系列文章。这节课，我们来看下 Vue3 中的 $attrs 属性。首先，我们会介绍它的用途以及它的实现与 Vue2 有哪些不两同点，并通过事例来加深对它的理解。真正理解了 $attrs 属性有助于我们构建易于使
......
344
0
0
2022-12-17
Vue指令v-text指令v-text指令用于设置标签的文本值，有两种设置标签文本值的方式，方式一就是通过v-text指令向标签传入值，但这种传入方式会整个替换掉标签内的全部文本信息，如果我们需要特殊化的修改某一部分文本值，就需要用到第二个方式，使用插值表达式传入值<body>
<div id="app">
......
370
0
0
2022-12-12
Vue网络应用axios基本使用axios是一款易用、简洁且高效的http库，是一个可以用在浏览器和Node.js中的 异步通信框架，其主要作用就是实现Ajax异步通信，由于Vue只关注视图层内容，所以作者推荐使用该框架完成 网络通信内容axios功能特点从浏览器中创建XMLHttpRequests从node.js创建http请求支持Promise API（
......
484
0
0
2022-12-12
Vue基础Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。基本使用导入开发版本/生产版本的Vue.js创建Vue实例对象，设置其el属性和data属性使用模板语法将数据渲染到页面上<!DOCTYPE html>
<html
......
566
0
0
2022-12-12
props验证什么是props验证指的是：在封装组件时对外界传递过来的props数据进行合法性的校验，从而防止1数据不合法的问题。使用数组类型的props节点的缺点：无法为每个prop指定具体的数据类型。对象类型的props节点使用对象类型的props节点，可以对每个porp进行数据类型的校验，示意图如下：props验证对象类型的props节点提供了多种数据
......
456
0
0
2022-12-04
单页面应用程序概念单页面应用程序（英文名：Single Page Application）简称SPA，顾名思义，指的是一个web网站中只有唯一的一个HTML页面，所有的功能和交互都是在这唯一的一个页面内完成。特点单页面应用程序将所有的功能局限于一个web页面中，仅在该web页面初始化时加载相应的资源（HTML、JavaScript和CSS）。一旦页面加载完成
......
417
0
0
2022-12-04
1. watch侦听器wach侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作。例如，监视用户名的变化并发起请求，判断用户名是否可用。1.1 基本语法开发者需要在watch节点下，定义自己的侦听器：export default{
data(){
return { username:'' }
},
watc
......
391
0
0
2022-12-04
1. ref引用1.1 ref引用ref用来辅助开发者在不依赖jQuery的情况下，获取DOM元素或组件的引用。每个vue的组件实例上，都包含一个 refs对象，里面存储着对应的DOM元素或组件的引用。默认情况下，组件的 refs指向一个空对象。<template>
<h3>MyRef组件</h3>
<butto
......
338
0
0
2022-12-04
开场哈喽大咖好，我是跑手，本次给大家继续探讨vue-router@4.x源码中有关导航守卫部分。官方定义导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中：全局的，单个路由独享的，或者组件级的。讲起导航守卫大家并不陌生，举个最常遇到的例子：在路由跳转时一般要判断用户是否登录或者有没有权限进入目标路由，这时候可以创建判断逻辑并放到rou
......
592
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 +
......
376
0
0
2022-11-30
1. 前端路由的概念与原理路由(英文名：router)就是对应关系，分为两大类，后端路由和前端路由。1.1 后端路由后端路由指的是：请求方式、请求地址与function处理函数之间的对应关系。express路由的基本用法如下：const express = require('express')
const router = express.Router()
......
392
0
0
2022-11-28
背景在 Vue 的初始化阶段，_init 方法执行的时候，会执行 initState(vm) ，它的定义在 src/core/instance/state.js 中。在初始化 data 和 props option 时我们注意 initProps 和 initData 方法中都调用了 observe 方法。通过 observe (value)，就可以将数据变
......
375
0
0
2022-11-25
双向数据绑定这个概念或者大家并不陌生，视图影响数据，数据同样影响视图，两者间有双向依赖的关系。在响应式系统构建的上，中，下篇我已经对数据影响视图的原理详细阐述清楚了。而如何完成视图影响数据这一关联？这就是本节讨论的重点：指令v-model。由于v-model和前面介绍的插槽，事件一致，都属于vue提供的指令，所以我们对v-model的分析方式和以往大同小异。
......
375
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"><
......
513
0
0
2022-11-14
Vue.js是一套构建用户界面的渐进式框架。比起其他复杂的前端框架，比如AngularJs、Backbone.js和其他类型JavaScript框架，它非常的小巧以及轻量。Vue.js使用起来非常简单，并且很容易的上手去学习它。在这片文章里，我们向你推荐一些实用的Vue.js的框架，去帮助你更快的构建应用程序。Nuxt.jsNuxt.js 是一个将Vue应用
......
583
0
0
2022-11-11