Vue - web秀

综合Uni-AppWebpackReactHtmlElectron-VueElectronVue-NuxtTypeScriptNodeJs 展开

2年前

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

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

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

545780 3364 0

5年前

8种vue组件通信方式详细解析实例

8种vue组件通信方式详细解析实例

前言对于vue来说，组件是非常常见的，有很多平台都封装了了属于自己一套的组件，如elementui、weui等等。同时组件之间的消息传递也是非常重要的，下面是我对组件之间消息传递的各种方式的总结，共有8种方式。如有不足之处，可以留言补充，互相学习。props和$emit这是最最常用的父子组件通信方式，父组件向子组件传递数据是通过prop传递的，子组件传递数据给父组件是通过$emit触发事件来做到的。实例：父组件Vue.component('parent',{template:`<div><

556727 3722 0

4年前

vue常用的修饰符有哪些？

vue常用的修饰符有哪些？

修饰符.lazy在默认情况下，v-model在每次input事件触发后将输入框的值与数据进行同步。你可以添加lazy修饰符，从而转变为使用change事件进行同步：<inputv-model.lazy="msg">.number如果想自动将用户的输入值转为数值类型，可以给v-model添加number修饰符<inputv-model.number="age"type="number">.trim如果要自动过滤用户

547226 3280 0

3年前

为 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

546765 3269 0

2年前

VuePress 博客之 SEO 优化（三）标题、链接优化

VuePress 博客之 SEO 优化（三）标题、链接优化

前言在《一篇带你用VuePress+GithubPages搭建博客》中，我们使用VuePress搭建了一个博客，最终的效果查看：TypeScript中文文档。本篇讲讲SEO中的一些细节优化。1.设置全局的title、description、keywords//config.jsmodule.exports={title:"title",description:'description',head:[['meta',{name:'keywords',content:'keywords'}]]}复制代码关于标

546601 3262 0

4年前

Vue源码中9个可借鉴的基础方法

Vue源码中9个可借鉴的基础方法

1、基础判断functionisUndef(v){returnv===undefined||v===null}functionisDef(v){returnv!==undefined&&v!==null}functionisTrue(v){returnv===true}functionisFalse(v){returnv===false}2、检查是否是原始值functionisPrimitive(value){return(typeofvalue==='string'typeofvalue

553147 3623 0

2年前

VuePress 博客之 SEO 优化（四） Open Graph protocol

VuePress 博客之 SEO 优化（四） Open Graph protocol

前言在《一篇带你用VuePress+GithubPages搭建博客》中，我们使用VuePress搭建了一个博客，最终的效果查看：TypeScript中文文档。本篇讲讲SEO优化中的OpenGraphprotocol。meta标签如果我们打开思否任意一篇文章，比如这篇《VuePress博客优化之增加Vssue评论功能》，查看DOM元素，我们可以在head中找到这样一段meta标签：我们可以发现name都是以og:开头，这是什么意思呢，又是什么作用呢？其实这是Facebook提出的OpenGraphProto

546213 3291 0

5年前

Todo List: 新增编辑任务，localStorage + Vuex实现本地存储 - 第二章

Todo List: 新增编辑任务，localStorage + Vuex实现本地存储 - 第二章

前言在第一章中，我们的TodoList已经初现锥形，本章节我们对页面优化，同时让数据实现本地存储。主要用到localStorage+Vuex来实现页面交互和存储功能。本次《todolist:Vue待办事项任务管理》，分为一下章节，有兴趣的同学可以持续关注。第一章:初识（项目搭建、基本功能组件实现）第二章:数据动态化处理（localStorage+Vuex），可新增，可编辑第三章：待办事项自定义分组第四章：待办事项添加描述图片等信息第五章：可线上操作，入库Mysql第六章：多人协同处理待办事项，权限管理第七

556226 3782 0

2年前

一份简单够用的 Nginx Location 配置讲解

一份简单够用的 Nginx Location 配置讲解

前言Location是Nginx中一个非常核心的配置，这篇重点讲解一下Location的配置问题以及一些注意事项。语法关于Location，举个简单的配置例子：http{server{listen80; server_namewww.yayujs.com; location/{ root/home/www/ts/; indexindex.html; }}}复制代码大致的意思是，当你访问www.yayujs.com的80端口的时候，返回/home/www/ts/index.html文件。我们看下Locati

545718 3318 0

5年前

2019 Vue开发指南：你都需要学点啥？

2019 Vue开发指南：你都需要学点啥？

如果您是Vue开发的新手，您可能已经听过很多关于它的专业术语了，例如：单页面应用程序、异步组件、服务器端呈现等。另外您可能还经常听到和Vue一起提到的工具和库，如Vuex、Webpack、VueCLI和Nuxt。也许您在面对这些未知的术语和工具时会感到无助和绝望，没关系，您并不孤单，因为这是所有新手在初次接触Vue时都会有的感受。但如果您试图要一次掌握所有这些内容，那么这些庞大的体系很可能会压垮你。为此，我在这里将为大家展示一个“知识图表”，它包含了所有在专业Vue开发过程中的关键部分。您可以参考这个图为

553500 3663 0

下拉加载更多

猜你喜欢

换一换

最新文章