随笔分类 -  [45] Vue.js

摘要:import * as XLSX from 'xlsx'; //展示的顺序,把data中对象的属性按照你想要的顺序排放就可以了, const header = ["pId","dID"] //展示的名称 const headerDisplay = {pId:"项编号",dID:"D编号"}; //将 阅读全文
posted @ 2024-10-04 17:23 emanlee 阅读(125) 评论(0) 推荐(0) 编辑
摘要:vue-devtools (firefox浏览器,火狐浏览器) vuedevtools vue-devtools (firefox浏览器) 安装过程 打开firefox浏览器,使用快捷键【Ctrl+Shift+A】打开组件管理列表,并搜索vue 安装 重启Firefox 访问一个Vue应用,打开 开 阅读全文
posted @ 2024-06-21 17:28 emanlee 阅读(90) 评论(0) 推荐(0) 编辑
摘要:from https://mp.weixin.qq.com/s/-rc1lYYlsfx-wR4mQmIIQQ Vue知识点汇总(含Vue3) 一、Vue 基础 1. Vue的基本原理 当一个Vue实例创建时,Vue会遍历data中的属性,用 Object.defineProperty(vue3.0使 阅读全文
posted @ 2023-10-11 08:36 emanlee 阅读(660) 评论(0) 推荐(0) 编辑
摘要:https://segmentfault.com/a/1190000022018995 https://www.jianshu.com/p/8c3599dda094 vuex教程中,有这样一句话和这样一段代码: 实践中,我们会经常用到 ES2015 的参数解构来简化代码(特别是我们需要调用commi 阅读全文
posted @ 2023-10-11 08:35 emanlee 阅读(446) 评论(0) 推荐(0) 编辑
摘要:D:\Temp>npm init vite@latest vue3study --template vuenpm ERR! code ETIMEDOUTnpm ERR! errno ETIMEDOUTnpm ERR! network request to https://registry.npmjs 阅读全文
posted @ 2023-10-11 08:35 emanlee 阅读(247) 评论(0) 推荐(0) 编辑
摘要:目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录,包括端口号等 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件: ♞ assets:放置一些图片,如 logo ♞ 阅读全文
posted @ 2022-09-20 20:35 emanlee 阅读(945) 评论(0) 推荐(0) 编辑
摘要:node_modules npm 加载的项目依赖模块 在很多时候,我们要拷贝或上传一份vue的代码时,通常会删掉依赖包node_modules,因为这个包太大了,而且,我们运行项目的时候,如果没有依赖包,重新下载依赖包就可以了,很方便的,接下来给大家介绍介绍具体步骤:1)首先我要把项目中的依赖包(文 阅读全文
posted @ 2022-09-20 20:25 emanlee 阅读(886) 评论(0) 推荐(0) 编辑
摘要:一、importimport在引入文件路径时,引入一个依赖包,不需要相对路径。 如:import app from ‘app’; 但引入一个自己写的 js 文件,需要相对路径。 如:import app from ‘./app.js’; 引入第三方插件,不需要相对路径。 import Vue fro 阅读全文
posted @ 2022-09-20 20:03 emanlee 阅读(4970) 评论(0) 推荐(0) 编辑
摘要:ES6 (ECMAScript 6)中的模块是一个包含 JavaScript 代码的文件,在这个模块中所有的变量都对其他模块是不可见的,除非我们导出它。 ES6的模块系统大致分为导出(export)和导入(import)两个模块。 1、模块导出(export) 可以 导出 所有的最外层 函数 、 类 阅读全文
posted @ 2022-09-20 19:44 emanlee 阅读(3616) 评论(0) 推荐(1) 编辑
摘要:<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" /> 用法 <el-input type="text" auto-complete="off" placeholder="账号"> <svg-ico 阅读全文
posted @ 2022-09-20 09:41 emanlee 阅读(1213) 评论(0) 推荐(1) 编辑
摘要:ElementUI是一套基于VUE2.0的桌面端组件库,ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。 官网地址:http://element-cn.eleme.io/#/zh-CN 在页面上引入 js 和 css 文件即可开始使用,如下: <!-- 引入Eleme 阅读全文
posted @ 2022-09-19 22:15 emanlee 阅读(343) 评论(0) 推荐(0) 编辑
摘要:Input Attributes 参数说明类型可选值默认值 type 类型 string text,textarea 和其他 原生 input 的 type 值 text value / v-model 绑定值 string / number — — maxlength 原生属性,最大输入长度 nu 阅读全文
posted @ 2022-09-19 22:14 emanlee 阅读(83) 评论(0) 推荐(0) 编辑
摘要:Form Attributes 参数说明类型可选值默认值 model 表单数据对象 object — — rules 表单验证规则 object — — inline 行内表单模式 boolean — false label-position 表单域标签的位置,如果值为 left 或者 right 阅读全文
posted @ 2022-09-19 22:13 emanlee 阅读(69) 评论(0) 推荐(0) 编辑
摘要:javasrcipt 是如何获取Dom 元素是通过:document.querySelector(".input")获取dom元素节点 。Vue 为简化DOM获取方法提出了ref 属性和refs:refrefs 获取控件。ref 绑定控件:<el-form 阅读全文
posted @ 2022-09-19 22:11 emanlee 阅读(249) 评论(0) 推荐(0) 编辑
摘要:HTML DOM(文档对象模型) IntelliJ IDEA 设置对Vue的支持 Vue 起步 Vue.createApp(HelloVueApp).mount('#hello-vue') Vue 创建项目 vue init webpack ProjectName Vue3 模板语法 {{}} v- 阅读全文
posted @ 2022-09-16 15:10 emanlee 阅读(30) 评论(0) 推荐(0) 编辑
摘要:from https://www.runoob.com/vue3/vue3-composition-api.html REF https://blog.csdn.net/qq_35634154/article/details/125237460 https://blog.csdn.net/jerry 阅读全文
posted @ 2022-09-15 23:07 emanlee 阅读(226) 评论(0) 推荐(0) 编辑
摘要:from https://www.runoob.com/vue3/vue3-ajax-axios.html REF: Axios axios的发音是: 英[æksi:əʊs] 美[æksioʊs] axios 入门、基本用法 Vue 版本推荐使用 axios 来完成 ajax 请求。 Axios 是 阅读全文
posted @ 2022-09-15 23:05 emanlee 阅读(353) 评论(0) 推荐(0) 编辑
摘要:https://www.runoob.com/vue3/vue3-routing.html https://blog.csdn.net/lhjuejiang/article/details/81082090 本章节介绍 Vue 路由。 Vue 路由允许我们通过不同的 URL 访问不同的内容。 通过 阅读全文
posted @ 2022-09-15 22:57 emanlee 阅读(176) 评论(0) 推荐(0) 编辑
摘要:from https://www.runoob.com/vue3/vue3-custom-directive.html 除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时,元素获得焦 阅读全文
posted @ 2022-09-15 22:54 emanlee 阅读(202) 评论(0) 推荐(0) 编辑
摘要:from https://www.runoob.com/vue3/vue3-forms.html 这节介绍 Vue 表单上的应用。 我们可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 等元素上创建双向数据绑定。 v-model 会根据控件类型自动选取正 阅读全文
posted @ 2022-09-15 22:51 emanlee 阅读(138) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示