Vue中创建组件及引入组件及调用 文章目录一、什么是组件?二、如何注册组件?1.注册组件2.vue项目中引入组件总结 Vue创建组件`Vue框架最核心思想就是组件化,方便开发,便于维护管理,那么,如何在vue中创建组件及如何引用呢?一、什么是组件?组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。
转载
2024-05-31 01:45:53
262阅读
1、prop传值(父传子)父组件
<div id="app">
<HelloWorld msg="Welcome to Your Vue.js App"/>
</div>子组件
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<
转载
2024-09-27 22:29:02
139阅读
一、Vuex 介绍Vuex 是 vue 项目中实现大范围数据共享的技术方案Vuex作用:能够方便、高效地实现组件之间的数据共享使用 Vuex 的好处:数据的存取一步到位,不需层层传递数据的流动非常清晰存储在 Vuex 中的数据都是响应式的二、使用步骤引入库代码如下(示例)://在store文件/index.js 配置
// 1. 下包
npm i vuex
// 2. 导入 Vuex
im
最终效果如下一、先创建vue2项目1、 可以用vue-cli自己来创建;也可以直接使用我开源常规的vue2后台管理系统模板
以下我以 wocwin-admin-vue2 项目为例修改目录结构,最终如下2、修改vue.config.js文件module.exports = {
// 修改 src 目录 为 examples 目录
pages: {
index: {
entry
转载
2023-12-14 12:58:04
408阅读
打包工具:项目工程化工具 什么是webpack?(面试题)webpack 是代码编译工具,有入口、出口、loader 和插件。webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。 webpack 是一个打包模块化 javascript 的工具,在webpack 里一切文件皆模块,通过 loader 转换文件,通过 plugin
转载
2024-02-21 22:12:36
42阅读
最近突然想重新做一下个人博客的网页,自己以前曾经使用过hexo编写过,现在准备使用vuepress了。vuepress的配置使用跟着官网的快速上手走基本就可以了,一些重要内容的配置主要是编写在config.js文件中的。vuepress官网不过因为我不太喜欢vuepress提供的默认模板样式,所以我去找了vuepress-theme-reco主题。这是一款简洁而优雅的 vuepress 博客 &a
转载
2024-05-14 16:43:32
230阅读
前言官网写的侧边栏教程真的是让人很糟心,经过一番摸索,总算大致弄清楚了,下面详细说一下用法:目录结构:docs根目录下有一个README.md、chinese文件夹、english文件夹最简侧边栏:sidebar: {
'/language/chinese/': [
'', //该目录下的README.md文件
转载
2024-07-25 15:51:32
56阅读
web前端开发框架vue.js 1 vue.js简介1.1 vue.js是什么vue(读音 /vjuː/, 类似于 view视图)是一套构建用户界面的前端渐进式javascript框架。渐进式意思:在最核心的功能的基础上,不断添加功能。vue 核心功能非常的简单,只专注于视图。但它非常容易拓展:vue加上其它的工具就可以组合起来,做更加强大的功能:vue + vue-router + vu
在前端开发中,Vue.js是一款非常流行的框架,而jQuery则作为一个久负盛名的库,许多开发者在使用Vue.js时仍想搭载jQuery的特性。本文将详细探讨如何在Vue 2中引入jQuery,涵盖从版本比较到实战案例的各个方面。
### 版本对比
在讨论Vue.js与jQuery的整合之前,我们需要对它们的特性差异有一个清晰的认知。
| 特性 | Vue 2
# Vue 2 引入 Axios 的详细指南
## 引言
在现代 Web 开发中,数据的异步请求变得越来越重要。而 Axios 是一个基于 Promise 的 HTTP 客户端,它能够很方便地进行网络请求。在 Vue 2 中,使用 Axios 可以简化与后端 API 的交互。本文将详尽介绍如何在 Vue 2 中引入和使用 Axios,并通过代码示例加强理解。
## 什么是 Axios?
A
原创
2024-09-19 06:08:29
45阅读
注释的目的: 提高代码的可读性,从而提高代码的可维护性注释的原则: 如无必要,勿增注释 ( As short as possible ) 如有必要,尽量详尽 ( As long as necessary )一、HTML 文件注释1、单行注释一般用于简单的描述,如某些状态描述、属性描述等。注释内容前后各一个空格字符,注释位于要注释代码的上面,单独占一行。推荐:<!-- Comment Text
转载
2024-06-09 07:32:25
190阅读
使用VuePress2搭建基于Vue3的组件库,并部署到GitHub Pages完成后的效果图展示: 使用vue-cli进行项目构建一、使用命令 vue create m-baseui 快速初始化一个项目这里参考我写的上一篇:基于Vue3开发自己的组件库 二、打开VuePress官网,切换到v2版本,快速上手中可以看到在一
转载
2024-03-12 12:51:54
66阅读
# Vue2中引入封装Axios的教程
Axios是一款基于Promise的HTTP客户端,它可以帮助我们轻松地发送HTTP请求。在Vue2项目中引入并封装Axios可以使得我们在发送请求时更为方便。下面,我们将通过一系列简单的步骤来实现这一目标。
## 流程概述
以下是引入和封装Axios的一些基本步骤:
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 安装Ax
原创
2024-10-17 13:27:21
78阅读
介绍VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容(如文档、博客等),然后 VuePress 会帮助你生成一个静态网站来展示它们。VuePress 诞生的初衷是为了支持 Vue.js 及其子项目的文档需求,但是现在它已经在帮助大量用户构建他们的文档、博客和其他静态网站它是如何工作的?一个 VuePress 站点本质上是一个由 Vue
转载
2024-05-26 17:10:59
223阅读
作者:前端阿飞要说今年最热门的前端技术,Vue3 和 TS 绝对榜上有名了。据了解,已经有很多公司在使用 Vue3 + TS + Vite 开发新项目了。那么我们也不能落后,今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。如果有不会或者不熟的小伙伴,一起学起来吧!为 props 标注类型使用 <script setup>
当使用 &l
转载
2024-03-07 08:57:56
177阅读
vue-baidu-map是百度开发者平台已经封装了基于vue的地图组件,相比于原生百度地图API,使用起来更加简便。安装npm install vue-baidu-map --save全局注册import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.
本文为Varlet组件库源码主题阅读系列第七篇,读完本篇,可以了解到如何通过unplugin-vue-components插件来为你的组件库实现按需引入。手动引入前面的文章中我们介绍过Varlet组件库的打包流程,最后会打包成几种格式,其中module和commonjs格式都不会把所有组件的代码打包到同一个文件,而是保留着各个组件的独立,每个组件都导出作为一个Vue插件。第一种按需使用的方法是我们
目录结构认识npm包管理器目录结构认识node_modulespublicsrcassertscomponentsApp.vuemain.js.browserslistrc.eslintrc.js.gitignorebabel.config.jspackage.jsonpackage-lock.jsonvite目录结构介绍 npm包管理器目录结构认识这是使用@vue/cli初始化的项目结构,no
修改.gitignore文件内容教程素材蓝奏云:https://wwk.lanzouo.com/b04x8f3hg 密码:666一、安装Vuepress2✅ 本教程以空白项目comet(彗星)为例,推荐选择自动安装方式 ✅ 本教程选用pnpm Node.js 包管理器,不清楚npm、yarn、pnpm区别的请参考程序员晚天的npm、yarn、pnpm优缺点 ⚠️ 请确保Git、Node、Pnpm
转载
2024-09-02 10:33:06
150阅读
目录一、怎么引入vue到项目中使用1)第一类引入方式1.下载到本地,然后引入2.自己引入CDN3.自己把vue.js文件放在项目文件夹中引入项目 然后webpack打包4.编辑器直接生成cdn的方式2) 第二类引入方式1. 自己构建vue的脚手架(面试): 用npm下载vue 引入到项目中 然后webpack打包2.使用官方脚手架的方式来构建项目环境(面试)3.
转载
2024-03-26 10:28:11
176阅读