父子组件通信其实就是 props 和 $emit 的使用  总结就是:父子组件通信,父组件传递数据给子组件,子组件触发父组件方法并传递父组件数据,通过props 和 $emit 来实现;父子组件通信,就是通过自定义事件来实现,不过Vue event自带了这个属性,所以直接通过 event.$emit 和 event.$on 来实现一、父组件传递数据给子组件父组件数据如何传递给子组件呢?可以通过p
1 安装 npm i moment -S2 import moment from 'moment' import 'moment/locale/zh-cn' moment.locale('zh-cn')3 过滤器中用 {{ todo.created | date }}
原创 2022-12-02 11:37:45
166阅读
Vue项目中,有时我们需要引入jQuery的JavaScript文件,以便使用jQuery的特定功能。本文将详细记录如何在Vue导入jQuery的js文件,包括版本对比、迁移指南、兼容性处理、实战案例、排错指南和生态扩展。接下来,我将逐步带你了解这个过程。 ## 版本对比 首先,我们需要对比不同版本的jQuery以及Vue的兼容性。这有助于我们理解如何选择合适的版本组合。 | 特性
原创 7月前
51阅读
vue 单文件组件单文件组件1. 组成2. lang 属性3. src 属性4. 有作用域的 CSS混用本地和全局样式5. 资源路径处理绝对路径前缀相对路径前缀特殊前缀 单文件组件vue 的单文件组件是官方提供的一种用来组织组件代码的形式,该文件以 .vue 为后缀,该文件会被 vue-cli 内置的 webpack 解析生成对应的 javascript、html、css 文件https://v
转载 2024-08-16 08:47:03
104阅读
# 实现Vue脚手架导入Vue.js的步骤 ## 流程表格 | 步骤 | 操作 | | ---- | ---- | | 1 | 创建一个新的Vue项目 | | 2 | 导入Vue.js文件 | | 3 | 在项目中使用Vue.js | ## 操作步骤及代码 ### 步骤1:创建一个新的Vue项目 首先,你需要创建一个新的Vue项目。可以使用Vue CLI来快速搭建一个基础的Vue项目。
原创 2023-08-18 05:13:03
232阅读
1、创建uni-app项目2、index.vue代码<template> <view class="content"> <i
转载 2022-07-19 16:55:06
2656阅读
一、Vue.js是什么    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二、如
前端Vue导入Excel复杂多js-xlse实现的,在 js-xlsx的基础上又封装了Export2
转载 2023-09-05 12:27:00
361阅读
node.js , npm , vue2.0 ,  less , axios ,  webpack注意点: 插件配置操作如下: 一、安装vue.js1.简介Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常
转载 7月前
65阅读
学习目录:Vue.js 简介Vue.js 实例与数据绑定Vue.js 计算属性和侦听器Vue.js 条件渲染和列表渲染Vue.js 事件处理Vue.js 表单输入绑定Vue.js 组件基础Vue.js 组件通信Vue.js 插槽Vue.js 动态组件和异步组件Vue.js 自定义指令Vue.js 过渡和动画Vue.js 混入Vue.js 自定义事件和 v-modelVue.js 渲染函数和 JSX
原创 2023-07-06 16:50:50
157阅读
# Vue 导入 jQuery CDN Vue.js 是一款流行的 JavaScript 框架,它帮助我们构建交互式的用户界面。虽然 Vue.js 本身提供了很多强大的功能,但在某些情况下,我们可能需要使用其他的 JavaScript 库来扩展 Vue.js 的功能。jQuery 是一个广泛使用的 JavaScript 库,它提供了许多方便的功能和工具,用于处理 DOM 操作、事件处理、动画效果
原创 2023-12-04 13:58:31
39阅读
# 使用 Vue 和 Axios 进行 HTTP 请求的入门指南 在现代 Web 开发中,前端框架如 Vue.js 的流行,使得构建动态、响应式的用户界面变得更加容易。而在与后端交互时,发起 HTTP 请求是必不可少的步骤。Axios 是一个基于 Promise 的 HTTP 客户端,可以用于浏览器和 Node.js 环境中。本文将详细介绍如何在 Vue 项目中导入并使用 Axios 进行数据请
原创 8月前
15阅读
插件安装npm install vue-video-player -S 没有用的话就用淘宝镜像 cnpm install vue-video-player -S 在main.js里面全局配置上import VueVideoPlayer from 'vue-video-player' // require('vue-video-player/src/theme/myVideo.css') Vue
转载 2024-03-28 19:06:03
62阅读
前言唯杰地图VJMAPCAD图或自定义地图格式WebGIS可视化显示开发提供的一站式解决方案,支持的格式如常用的AutoCAD的DWG格式文件、GeoJSON等常用GIS文件格式,它使用 WebGL矢量图块和自定义样式呈现交互式地图, 提供了全新的大数据可视化可视化功能。唯杰地图可视化平台旨在打造出一个直观、易于操作的地图展示界面, 为用户提供一种简便、高效、精准的CAD地图Web可视化方案,打造
转载 2024-03-13 19:29:38
75阅读
转载 2020-06-28 09:53:00
70阅读
2评论
# 在 Vue 项目中导入 jQuery UI 的完整指南 作为一名新手开发者,想要在 Vue.js 项目中使用 jQuery UI 可能会让你感到困惑。本文将详细指导你如何在 Vue 项目中有效地导入和配置 jQuery UI。我们将通过简单的步骤来实现这一目标,并提供相关的代码示例和注释,保证你能清晰理解每一个环节。 ## 整体流程概览 | 步骤 | 操作
原创 11月前
47阅读
01:导入 excel导入功能需要使用npm包**xlsx,所以需要安装xlsx**插件01.安装xlsx包npm i xlsx@0.17.0 or yarn add xlsx@0.17.002.新建一个页面 封装组件<el-button type="warning" size="small" @click="$router.push('/import?type=user')">导入&
Vue.js 是一个流行的 JavaScript 框架,用于构建交互式的 web 应用程序。在开发前端应用程序时,经常需要与后端服务器进行数据交互。为了简化这个过程,我们通常会使用 Axios 这个库来处理 HTTP 请求。在 Vue 中,可以通过导入 Axios 来与后端服务器进行通信。 ### 什么是 Axios? Axios 是一个基于 Promise 的 HTTP 客户端,可以在浏览器
原创 2024-05-13 03:40:18
87阅读
环境安装nodejs: https://nodejs.org/en/, 版本不能太高(>= 8.6即可) 安装git: https://git-scm.com/Hello Worldvuepress官网: https://www.vuepress.cn/ 第3步需要等待下载依赖. 1~3步完整命令:zichen@DESKTOP-3176F4L MINGW64 ~/Desktop $ mkdi
转载 2024-07-09 19:57:07
39阅读
在现代Web开发中,很多开发者习惯使用Vue.js框架进行前端开发。然而,由于某些库的特殊性,比如 jQuery,集成到 Vue 中时可能会遇到诸多问题。本文将详细记录在 Vue 导入 jQuery 过程中遇到的问题及解决方案。 ## 问题背景 在一个使用 Vue.js 的项目中,我们需要引入 jQuery 库来完成一些 DOM 操作和 Ajax 请求功能。由于 Vue 和 jQuery 对
原创 8月前
18阅读
  • 1
  • 2
  • 3
  • 4
  • 5