
Vue
文章平均质量分 83
CoffeeAndIce
提前预备解决方案虽然耗时,但为了更好的摸鱼学习,这些时间是值得花费的
展开
-
Vue3 &TS & Vite 整合组件脚手架笔记
假设自定义标签是以custom-开头})],});通常会出现,且打包后无法访问该js目前仅发现使用public的内容,建议还是改成ts。仍坚持// JavaScript 中使用 TypeScript 定义的类型// 补充JS支持构建层级│ │ ├── tool.ts // TypeScript 文件│ │ └── tool.js // JavaScript 文件。原创 2024-09-02 17:53:05 · 1876 阅读 · 0 评论 -
Vue3 & Vite 整合组件脚手架笔记
vite 与 vue 3的初始化脚手架笔记原创 2024-04-03 17:40:39 · 1513 阅读 · 0 评论 -
Vue 应用系列笔记 (七) 关于页面excel导出
主要为模块化项目的导出实现1、依赖注册首先需要使用到三个依赖# 保存文件类型使用npm install -S file-saver # 读取/操作 xlsx 文件npm install -S xlsx# 在全局上下文中执行一次 JS 脚本(node中执行有时候无效)npm install -D script-loader#如果需要修改样式 npm install --save xlsx-style2、自定义模块内容1)简易demo页面//父组件<t.原创 2020-12-05 14:47:12 · 522 阅读 · 0 评论 -
html页面引入vue
基础环境①所需的基本ui组件基本后台模块 element、iview ,手机端可以mui 、 uniapp②所需Vue版本建议官方最新版本为准,稳定性可靠③兼容vue文件的http-vue-loader可以无需脚手架情况下对vue以脚手架形式编写vue文件,同时便捷了引入方式基于Mui样例index.html<!DOCTYPE html><html> <head> <meta char.原创 2020-08-11 12:35:35 · 17310 阅读 · 0 评论 -
Vue 应用系列笔记 (六) 利用vuex掺和项目 [《四》中顶部tag的延伸]
既然加入了状态管理,就要用到尽,不用不就白浪费了。随着模块更新,持续更新一、顶部tag的应用顶部tag的操作:①如何开始定义模块首先我们要给tag定义一个基本的属性(虽然这个属性是总体定义),某些规则适配业务与一般逻辑性。eg: 例如tag仅剩一个时不能关闭tips:①下方 tags.js -->store/modules/tag.js②下方tags.vue ...原创 2020-05-06 00:24:53 · 516 阅读 · 0 评论 -
Vue 应用系列笔记 (五) 引入vuex 做全局变量管理
做着做着的时候,单个页面也好,总会遇到重复利用,需要全局操作运算的变量,这时候引入官方推荐核心组件VUEX,其实是为了优化前面几点不方便也好,找个理由引用下,不然怎么扯下去...原创 2020-04-28 16:17:27 · 870 阅读 · 0 评论 -
Vue 应用系列笔记 (四) 引入Element做布局
终于是走向正题,引入业务使用的ui组件,Element,也是饿了么开放的组件,屁不多放,开始引入具体的安装工作应用传送门 采用版本:element-ui@2.13.0开发工具:WebStormcnpm install sass-loader@latestcnpm install node-sass@latest...原创 2020-04-16 09:44:06 · 1225 阅读 · 0 评论 -
Vue 应用系列笔记(三)关于HTTP请求 - Axios 与 mockJs
axios 请求 引入 以及 模拟请求工具类 mockJs 适配axios的工具类 axios-mock-adapter原创 2020-04-01 10:07:04 · 781 阅读 · 1 评论 -
Vue 应用系列笔记(二)关于路由 - Router
工具:webstorm包管理工具: npm使用npx创建基础vue 脚手架,这些最基础的部分,我们跳过,然后得到一个最基本的结构通常而言,我们一个项目总要有多个页面,如何去控制页面间的跳转(也就是我们常说的路由了),这边使用Vue-Router,官方推荐还是很稳的。...原创 2020-03-15 22:31:25 · 1261 阅读 · 0 评论 -
Vue 应用系列笔记 (一) 说说过渡到vue的原因
说也说了很久的前后端分离,但是基于项目的原因,一直是jsp、freemark环绕在左右,使用DOM来操作,分模块已经是稀松平常的问题,若不是项目需要,可能也难以介入vue这个框架。一、数据驱动?结构驱动? 关于这两点,很明确的可以说到。 vue:数据驱动 可以在data内直接操作:this.msg = "修改值" ,来同步修改值,...原创 2020-01-10 12:21:08 · 267 阅读 · 0 评论