文章 2023-08-30 来自:开发者社区

Vue之mitt事务总线使用方法

npm install -S mitt1.组件总线①vue入口文件main.js中挂载全局属性//导入vue创建命令 import { createApp } from 'vue'; //导入vue入口组件 import App from './App.vue'; //导入插件mitt import mitt from "mitt" ... //创建Vue应用实例 const app = cre....

文章 2023-08-29 来自:开发者社区

vue非单文件组件的使用方法

标准化开发时的嵌套:在实际开发中,通常会创建一个 APP 组件作为根组件,由这个根组件去管理其它的组件,而 Vue 实例只需要管理这个 APP 组件就行了。<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Vue2标准化开发时的嵌套</t...

vue非单文件组件的使用方法
文章 2023-08-15 来自:开发者社区

【vue】vue中的插槽以及使用方法

插槽6.1 普通插槽1、在父组件中直接调用子组件的标签,是可以渲染出子组件的内容;如果在子组件标签中添加了内容,父组件就渲染不出来了;ParentComponent.vue:<template> <div> <h1>Parent Component</h1> <child-component> <p...

【vue】vue中的插槽以及使用方法
文章 2023-08-14 来自:开发者社区

vue中常用的事件及使用方法

在 Vue 中,常用的事件有以下几种:@click:响应鼠标点击事件;@mouseover:响应鼠标移动到元素上方事件;@keydown:响应键盘按下事件;@submit:响应表单提交事件;@focus:响应元素获得焦点事件;@blur:响应元素失去焦点事件;@change:响应输入框内容变化事件;@scroll:响应元素滚动事件。使用方法:绑定事件:使用 @ 符号加事件名称,例如 @click....

文章 2023-06-09 来自:开发者社区

vue项目添加全局样式及使用方法

创建样式文件main.js引入使用在页面直接使用即可,无需再进行其他引入操作

vue项目添加全局样式及使用方法
文章 2023-05-16 来自:开发者社区

Vue实现图片大图预览,v-viewer组件的使用方法演示

先看下效果图:点击图片就会进入预览,还包括图片名和原图大小、工具栏等。首先需要安装 v-viewernpm install v-viewer然后在 main.js 中进行导入。import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css' Vue.use(Viewer) 实例使用中,只需要用 viewer 包住图片即可。&lt;vi....

Vue实现图片大图预览,v-viewer组件的使用方法演示
文章 2023-01-06 来自:开发者社区

Vue的两个版本和使用方法

vue有两个版本,这两个版本;分别是Vue完整版(vue.js)和Vue非完整版(vue.runtime.js)Vue.js(完整版)引入以vue.js结尾的文件名,有compiler编译器优点:编译器将占位符{{}}或者条件语句变成真实的DOM节点,可以从HTML得到视图,缺点:编译器体积大,占文件的30%new Vue({ template: '&lt;div&gt;{{ hi }}&amp;...

Vue的两个版本和使用方法
文章 2022-12-27 来自:开发者社区

Vue 完整版与非完整版的区别和使用方法

完整版:vue.js内含compiler,编译器可以把试图上的html转成DOM节点,转成html中的内容,所以体积大,不建议用,是从HTML获得视图。vue.js vue.min.js完整版的 html 的书写位置完整版的 vue 的 html 书写位置有两个,一个是在 .html 文件中写 vue 对应的 xml 语法,如下:<div>{{ hi }}</div> &a...

Vue 完整版与非完整版的区别和使用方法
文章 2022-11-21 来自:开发者社区

Vue插槽(slot)详解与使用方法

插槽:简单理解就是组件内部留一个或多个的插槽位置,可供组件传对应的模板代码进去。插槽的出现,让组件变的更加灵活。1. 匿名插槽父组件// home.vue <template> <div class="home"> <footerComponent> <p>我是匿名插槽</p> </footerCo...

Vue插槽(slot)详解与使用方法
文章 2022-10-14 来自:开发者社区

Vue之Vant移动端组件库使用方法

步骤:全局安装npm i vant -S在mian.js中引入import Vant from 'vant'; import 'vant/lib/index.css'; Vue.use(Vant);根据实际情况引入组件<template> <div> <van-cell title="选择多个日期" :value="text" @click="show ...

Vue之Vant移动端组件库使用方法

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注