
vue
文章平均质量分 63
munanc_
这个作者很懒,什么都没留下…
展开
-
理解 @Vue/cli 脚手架执行原理
理解 @Vue/cli 脚手架执行原理进行安装npm install -g @vue/cli安装完成后可以全局调用vue --version脚手架本质类似于一个系统的终端,例如 cmd,可以通过命令进行执行,如vue create vue-demo 上述命令由三个部分组成主命令:vue执行命令:create命令参数:vue-demo脚手架的执行原理在终端输入vue create vue-demo终端解析出 vue 命令终端在环境变量中找到 vue原创 2021-06-10 14:43:00 · 437 阅读 · 0 评论 -
Vue Composition Api
Vue Composition Apisetup() 函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca原创 2021-05-30 23:34:00 · 190 阅读 · 2 评论 -
uni-app vue 全局模态框
Uni-app Vue全局模态框思路是将模态框作为一个页面,进而可以全局显示首先创建一个页面用来显示模态框 u-modal<!-- pages/popup/showModal.vue --><template> <view> <!-- 使用uViewUI的u-modal --> <u-modal v-model="showModel" @confirm="co原创 2021-05-28 11:43:43 · 4244 阅读 · 1 评论 -
Vue provide inject
Vue provide inject在 vue 嵌套组件之间,上级组件可以通过使用 provide 将值传送到深层的子组件内(通过inject接收)<!-- fa.vue --><template> <sub-component></sub-component></template><script>import subComponent from './SubCompenent.vue'export default原创 2021-05-20 16:28:45 · 98 阅读 · 0 评论 -
uni-app_单选、多选_搜索框组件
uni-app 单选、多选 搜索框组件<template> <view> <view class="search-input-content" :style="{ width: inputWidth ? inputWidth : '100%' }" > <view c原创 2021-05-12 11:41:18 · 2339 阅读 · 0 评论 -
uni-app-卡片组件
Uni-app 卡片组件<template> <view class="card-content"> <span v-if="cardData.length === 0" class="no-data">No data</span> <block v-for="(item, itemIndex) of cardData" :key="itemIndex"> <view clas原创 2021-04-28 15:36:39 · 2370 阅读 · 0 评论 -
Uni-app 笔记_1
Uni-app 笔记uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。环境安装按照 vue-cli 脚手架npm install -g @vue/cli创建demo# 正式版本vue create -p dcloudio/uni-preset-vue 项目名称# 使用alpha版vue create -p dcloudio/原创 2021-03-25 17:34:08 · 478 阅读 · 0 评论