hooks vue3 vue

Vue子组件向父组件传值(this.$emit()方法)

子组件使用this.$emit()向父组件传值 首先必须在父组件中引用子组件,然后实现传值 第一步在父组件中引入子组件 import UnitByPurchaseAddOrUpdate from '@views/modules/matter/UnitByPurchaseAddOrUpdate' 声明 ......
组件 方法 this emit Vue

cdn引入vue 在html页面中,用axios请求接口

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue axios 渲染数据</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></scr ......
接口 页面 axios html cdn

Vue学习总结笔记(十四)【转载】

Vue3 学习总结笔记 (十四) IT_Holmes 于 2022-08-20 12:32:41 发布 1017 收藏 7 分类专栏: Vue 全家桶 文章标签: 学习 javascript vue.js vue 前端 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附 ......
笔记 Vue

第八章 工程化 - 实例体验 - 基于 vue框架 开发一个完整的组件库 二

基础 Monorepo 环境建设 包名选择与注册 1、给 组件库 命名 => 最终会发布到 npm.js 仓库 2、查看 组件库 的命名是否可注册方法 npm view package-name version 如: npm view caix version => 返回 code E404 【 未 ......
组件 框架 实例 工程 vue

第七章 工程化 - 实例体验 - 基于 vue框架 开发一个完整的组件库 一

基于 vue 框架 开发一个完整的组件库来体验前端工程化的魅力 对一个组件库的开发来全面认识熟悉 前端工程化 的配置,系统的理解工程化中各个工具所起到的作用,并且将其最终可以应用到你的团队当中去,真正的实现工程化的价值,帮助你的团队提效,实现作为前端工程师的价值 基于 vue 框架 开发一个完整的组 ......
组件 框架 实例 工程 vue

Vue学习总结笔记(十)【转载】

Vue 学习总结笔记 (十) IT_Holmes 已于 2022-03-13 14:00:20 修改 2674 收藏 16 分类专栏: Vue 全家桶 文章标签: vue.js 学习 javascript 于 2022-03-13 14:00:09 首次发布 版权声明:本文为博主原创文章,遵循 CC ......
笔记 Vue

Vue学习总计笔记(十一)【转载】

Vue 学习总结笔记 (十一) IT_Holmes 于 2022-03-15 18:59:04 发布 4972 收藏 64 分类专栏: Vue 全家桶 文章标签: vue.js 学习 前端 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文 ......
笔记 Vue

Vue学习总结笔记(十二)【转载】

Vue 学习总结笔记 (十二) IT_Holmes 于 2022-03-16 16:11:50 发布 1106 收藏 2 分类专栏: Vue 全家桶 文章标签: vue.js javascript 学习 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和 ......
笔记 Vue

Vue学习总结笔记(十三)【转载】

Vue3 学习总结笔记 (十三) IT_Holmes 于 2022-08-18 13:35:37 发布 1100 收藏 14 分类专栏: Vue 全家桶 文章标签: vue.js javascript vue 前端 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原 ......
笔记 Vue

Vue学习总结笔记(九)【转载】

Vue 学习总结笔记 (九) IT_Holmes 已于 2022-05-25 19:39:39 修改 4612 收藏 8 分类专栏: Vue 全家桶 文章标签: vue.js 学习 javascript axios 于 2022-03-11 19:40:15 首次发布 版权声明:本文为博主原创文章, ......
笔记 Vue

第四篇 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程三

devServer 【 webpack-dev-server 】 概述 1、什么是 devServer 【 webpack-dev-server 】 1、在开发过程中,想实时看到代码变更后我们的项目效果时,我们就会启动一个服务来监听代码文件变化,并将新的变更及时的展现在我们的浏览器上,极大的提高了我 ......
流程 webpack 项目 工程 vue3

Vue学习总结笔记(七)【转载】

Vue 学习总结笔记 (七) IT_Holmes 于 2022-03-09 17:42:35 发布 1032 收藏 14 分类专栏: Vue 全家桶 文章标签: vue.js 前端 vue javascript 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出 ......
笔记 Vue

Vue学习总计笔记(八)【转载】

Vue 学习总结笔记 (八) IT_Holmes 于 2022-03-10 15:31:45 发布 2448 收藏 25 分类专栏: Vue 全家桶 文章标签: vue.js javascript js 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和 ......
笔记 Vue

TS+Vue3+Echarts的封装与使用

TS+Vue3+Echarts的组件封装步骤如下 统计分析页面使用栅格布局进行规划 抽离组件 分别包括数字面板组件count-card,统计面板组件chart-card及特定图表组件(如:pie-echart, map-echart等) 在统计分析页面通过store获取数据 strore通过acti ......
Echarts Vue3 Vue TS

第三章 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程二

bable 概述 1、babel 是什么 babel 是把 最新特性、浏览器无法兼容的代码,编译成浏览器可识别的代码(低版本浏览器对新特性的支持不友好),就比如 箭头函数,经过 babel 的转化后,就会变成 普通的函数 2、babel 的 3 种使用方式 1、使用单体文件 2、命令行 【 babe ......
流程 webpack 第三章 项目 工程

vue全家桶进阶之路22:Vue CLI脚手架

Vue CLI 是一个基于 Vue.js 的官方脚手架工具,它可以帮助我们快速创建和管理 Vue.js 项目,提供了一些工具和配置来帮助我们开发和调试 Vue.js 应用。一切框架都是为了将开发变得简单、快捷、易操作,Vue CLI脚手架也不例外,它出自vue官方,脚手架的用意就是让开发变得像搭建房 ......
脚手架 全家 vue Vue CLI

Vue 学习总结笔记 (三)【转载】

Vue 学习总结笔记 (三) IT_Holmes 于 2022-01-22 10:19:36 发布 2386 收藏 36 分类专栏: Vue 全家桶 文章标签: vue.js javascript 前端 vue js 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上 ......
笔记 Vue

Vue学习总结笔记(五)【转载】

Vue 学习总结笔记 (五) IT_Holmes 已于 2022-06-03 10:27:27 修改 1331 收藏 20 分类专栏: Vue 全家桶 文章标签: vue.js 学习 javascript 于 2022-03-01 14:16:36 首次发布 版权声明:本文为博主原创文章,遵循 CC ......
笔记 Vue

Vue学习总结笔记(六)【转载】

Vue 学习总结笔记 (六) IT_Holmes 已于 2022-03-08 11:07:02 修改 2061 收藏 19 分类专栏: Vue 全家桶 文章标签: vue.js vue 前端 javascript 于 2022-03-07 12:59:52 首次发布 版权声明:本文为博主原创文章,遵 ......
笔记 Vue

第二章 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程

webpack 安装 1、webpack 的安装有两种方式 1、全局安装 【 不推荐 】 2、局部安装 【 推荐 】 全局安装 1、安装 webpack v4+ 版本时,需要额外加安装 webpack-cli npm install webpack webpack-cli -g 2、检查版本 web ......
流程 webpack 第二章 项目 工程

Vue】Vue中mixins的使用方法及实际项目应用详解

(1)mixin基础官网解释(Vue2.x): 混入(mixin)提供了一种非常灵活的方式,来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 如何理解mixins?我们可以将mixins理解成一个数组,数组中 ......
使用方法 Vue 实际 方法 项目

Vue 学习总结笔记 (二)【转载】

Vue 学习总结笔记 (二) IT_Holmes 于 2022-01-20 20:26:32 发布 1876 收藏 20 分类专栏: Vue 全家桶 文章标签: vue.js javascript 前端 js vue 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上 ......
笔记 Vue

vue全家桶进阶之路21:Vue Loader 打包单位件组件

Vue Loader 是一个 webpack 插件,它允许在单个文件中定义 Vue 组件,并将其包装为 CommonJS 模块,以便在应用程序中使用。使用 Vue Loader 打包的组件被称为单文件组件(Single File Components,SFCs),因为它们将 HTML、CSS 和 J ......
全家 组件 单位 Loader vue

Vue 学习总结笔记 (一)【转载】

Vue 学习总结笔记 (一) IT_Holmes 于 2022-01-18 17:42:17 发布 6302 收藏 159 分类专栏: Vue 全家桶 文章标签: vue.js 前端框架 前端 js javascript 版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请 ......
笔记 Vue

vue按钮权限自定义指令

// 路由对象 { path: 'button-permission', component: () => import('@/views/NestedExample/PageButtonPermission'), name: 'PageButtonPermission', meta: { titl ......
指令 按钮 权限 vue

Vue选日期滚动条自动定位到选定的日期位置

html 这里的关键点就是 :id="'scroll'+index" 以及 :scroll-into-view="intoIndex" <view class="week-day-item" v-for="(item,index) in weekList" :key="index" @click=" ......
日期 位置 Vue

vue3中ref和shallowRef的区别

在 Vue 3 中,ref 和 shallowRef 都是用来创建响应式数据的函数,它们之间的主要区别在于它们对于传入的对象的处理方式不同。 ref 用于创建一个包装器对象,可以将基本类型值或对象转换为响应式数据。例如: import { ref } from 'vue' const count = ......
shallowRef vue3 vue ref

第四篇 vue - 基础 - 模版语法

模版语法 Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上 所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析 在底层机制中,Vue 会将模板编译成高度优化的 JavaScript 代码。结合响应式 ......
模版 语法 基础 vue

第二篇 Vue 基础 - 什么是 Vue 及 vue 的基本特点

什么是 Vue Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架 它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,可以高效地开发用户界面 无论是简单还是复杂的界面,Vue 都可以胜任 最基本的 ......
Vue 特点 基础 vue

第一篇 vue - 基础 - vue 项目的构建方式

安装 node.js node.js 是一个 Javascript 的运行环境 一、node.js 是什么 ? Node.js 不是JS应用、而是JS运行平台 Node.js 采用C++语言编写而成,是一个 Javascript 的运行环境 1、node.js 不是一门语言,不是库,不是框架,只是一 ......
vue 方式 基础 项目