Vue - web秀

综合Uni-AppWebpackReactHtmlElectron-VueElectronVue-NuxtTypeScriptNodeJs 展开

1年前

VuePress 博客优化之 last updated 最后更新时间如何设置

VuePress 博客优化之 last updated 最后更新时间如何设置

前言在《一篇带你用VuePress+GithubPages搭建博客》中，我们使用VuePress搭建了一个博客，但是浏览最终搭建的站点：TypeScript4中文文档，我们会发现，在每篇文章的底部，并没有像VuePress官方文档那样，出现最后更新的时间：这篇我们来探究下如何实现最后更新时间。官方自带查阅VuePress的官方文档，我们可以知道，VuePress自带显示最后更新时间的插件，在默认主题下，无需安装本插件，因为VuePress的core中已经包含此插件。你可以在config.js文件中直接使用

403064 2673 0

2年前

为 Vue.js 新手准备的实战入门教程 - 第五章

为 Vue.js 新手准备的实战入门教程 - 第五章

[这次我将带领大家看一下组件。下面让我们开始吧！下面是我们的初始代码结构：<html><head><title>Vue101</title></head><body><divid="app"></div><scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script>constapp=new

405841 2685 0

4年前

Todo List: Vue待办事项任务管理 - 第一章

Todo List: Vue待办事项任务管理 - 第一章

前言如果您所在公司有用过类似的todolist产品，那应该对其不是很陌生。todolist（待办事项列表），非常有名的todolist产品有Teambition，JIRA等等。Teambition是收费的，而且价格也不是很便宜啦（但是人家的功能确实还可以，可谓非常强大）。所以，就在自己倒腾一个简单的，有兴趣的同学可以持续关注。本次《todolist:Vue待办事项任务管理》，分为一下章节：第一章:初识（项目搭建、基本功能组件实现）第二章:数据动态化处理（localStorage+Vuex），可新增，可编辑

416795 3118 0

2年前

Vue3.0 性能提升主要是通过哪几方面体现的？

Vue3.0 性能提升主要是通过哪几方面体现的？

面试官：Vue3.0性能提升主要是通过哪几方面体现的？一、编译阶段回顾Vue2，我们知道每个组件实例都对应一个watcher实例，它会在组件渲染的过程中把用到的数据property记录为依赖，当依赖发生改变，触发setter，则会通知watcher，从而使关联的组件重新渲染试想一下，一个组件结构如下图<template><divid="content"><pclass="text">静态文本</p><pclass="text">静态文本</

405247 2683 0

1年前

VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据

VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据

前言在《一篇带你用VuePress+GithubPages搭建博客》中，我们使用VuePress搭建了一个博客，最终的效果查看：TypeScript中文文档。本篇讲SEO中的JSON-LD。JSON-LD如果我们打开掘金任意一篇文章，比如这篇《VuePress博客优化之增加Vssue评论功能》，查看DOM元素，我们可以在head中找到这样一段script标签：在思否等其他平台也是可以看到的：那这个type为application/ld+json的script，到底是什么意思呢?又是什么作用呢？这就是我们今

403876 2701 0

2年前

你是怎么处理vue项目中的错误的？

你是怎么处理vue项目中的错误的？

面试官：你是怎么处理vue项目中的错误的？一、错误类型任何一个框架，对于错误的处理都是一种必备的能力在Vue中，则是定义了一套对应的错误处理规则给到使用者，且在源代码级别，对部分必要的过程做了一定的错误处理。主要的错误来源包括：后端接口错误代码中本身逻辑错误二、如何处理后端接口错误通过axios的interceptor实现网络请求的response先进行一层拦截apiClient.interceptors.response.use(response=>{returnresponse;},error=

404372 2634 0

1年前

Vue3 $emit指南--包含选项API、组合API以及 setup 语法糖

Vue3 $emit指南--包含选项API、组合API以及 setup 语法糖

许多Vue模式涉及使用props将数据从父组件传递到子组件。但如果我们需要一个子组件将数据传给它的父组件呢？使用emit，我们可以触发事件并将数据传递到组件的层次结构中。这对下面几种情况很有用，如：从input中发出数据从modal本身内部关闭modal父组件响应子组件VueEmit是如何工作的？当我们emit一个事件时，我

404558 2758 0

2年前

说下你的vue项目的目录结构，如果是大型项目你该怎么划分结构和划分组件呢？

说下你的vue项目的目录结构，如果是大型项目你该怎么划分结构和划分组件呢？

面试官：说下你的vue项目的目录结构，如果是大型项目你该怎么划分结构和划分组件呢？一、为什么要划分使用vue构建项目，项目结构清晰会提高开发效率，熟悉项目的各种配置同样会让开发效率更高在划分项目结构的时候，需要遵循一些基本的原则：文件夹和文件夹内部文件的语义一致性单一入口/出口就近原则，紧耦合的文件应该放到一起，且应以相对路径引用公共的文件应该以绝对路径的方式从根目录引用/src外的文件不应该被引入文件夹和文件夹内部文件的语义一致性我们的目录结构都会有一个文件夹是按照路由模块来划分的，如pages文件夹，

404170 2707 0

1年前

搭建 VuePress 博客，你可能会用到的一些插件

搭建 VuePress 博客，你可能会用到的一些插件

「这是我参与2022首次更文挑战的第8天，活动详情查看：2022首次更文挑战」。前言在《一篇带你用VuePress+GithubPages搭建博客》中，我们使用VuePress搭建了一个博客，最终的效果查看：TypeScript中文文档。为了丰富站点的功能，我们可以直接使用一些现有的插件，本篇我们讲讲一些常用的插件。1.公告栏弹窗插件地址：vuepress-theme-reco.recoluan.com/views/plugi…安装：yarnadd@vuepress-reco/vuepress-plugi

404757 2667 0

2年前

Vue实例挂载的过程中发生了什么?

Vue实例挂载的过程中发生了什么?

面试官：Vue实例挂载的过程一、思考我们都听过知其然知其所以然这句话那么不知道大家是否思考过newVue()这个过程中究竟做了些什么？过程中是如何完成数据的绑定，又是如何将数据渲染到视图的等等一、分析首先找到vue的构造函数源码位置：src\core\instance\index.jsfunctionVue(options){if(process.env.NODE_ENV!=='production'&&!(thisinstanceofVue)){warn('Vue

405170 2721 0

下拉加载更多

猜你喜欢

换一换

最新文章