一、vue create '项目名称' 首先安装vue-cli 命令行 npm i -g @vue/cli 1. 接着 vue create '项目名称'
转载
2023-07-25 07:14:35
227阅读
本章概要命名路由命名视图编程式导航传递 prop 到路由组件HTML 5 history 模式14.5 命名路由有时通过一个名称来标识路由会更方便，特别是在链接到路由，或者执行导航时。可以在创建 Router 实例时，在routes 选项中为路由设置名称。 修改 router 目录下的 index.js ，为路由定义名字。如下：import { createRouter, createWebHas
# 从Yarn切换到Npm的项目方案
在使用`vue create`创建项目时，默认选择了Yarn作为包管理工具，但有时候我们可能更习惯使用Npm。本文将介绍如何将项目从Yarn切换到Npm，并提供相关的代码示例。
## 1. 创建Vue项目并选择Yarn作为包管理工具
首先，我们使用`vue create`命令创建一个新的Vue项目，并选择Yarn作为包管理工具。执行以下命令：
```b
原创
2024-04-18 04:04:05
418阅读
# 如何实现 "npm create vue" 和 "yarn create vue"
## 介绍
作为一名经验丰富的开发者，我将教你如何使用npm和yarn来创建一个Vue项目。首先，我们将展示整个流程的步骤，并解释每一步需要做什么，包括所需的代码和其意义。
### 流程图
```mermaid
flowchart TD
A(开始) --> B(安装npm或yarn)
B -
原创
2024-03-27 04:15:08
141阅读
1.什么是vue生命周期 vue生命周期指实例从开始创建到销毁的过程，在整个生命周期中，它提供了一系列事件，可以让我们在事件触发时注册js方法。 在这些方法中，this指向的是vue实例。2.vue钩子函数 钩子函数又叫做生命周期函数，它们是vue生命周期中触发的各类事件，大部分分为四个阶段：创建、挂载、更新、销毁，每个阶段对应两个生命周期钩子。一、创建阶段（create） 对应befor
转载
2023-12-14 05:26:55
48阅读
一、前言1、本例环境node.js：v12.14.1npm：v6.13.4vue：@vue/cli 4.2.32、node.js环境安装与测试由于vue的安装与创建依赖node.js（JavaScript的运行环境）里的npm（包管理和分发工具），因此需要先确保安装node.js。检测方式：打开cmd命令窗口（Window + R，输入cmd然后回车），输入 node -v 回车，正常显
转载
2023-08-23 15:12:10
347阅读
这次给大家带来vue.js中created方法使用步骤，vue.js中created方法使用的注意事项有哪些，下面就是实战案例，一起来看一下。这是它的一个生命周期钩子函数，就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理不同逻辑。一般可以在create
转载
2024-09-20 18:48:01
27阅读
# 如何在Vue CLI创建项目时将Yarn改为NPM
在使用Vue CLI创建项目时，默认情况下，Vue CLI会使用Yarn作为包管理工具。如果你更喜欢使用NPM，你可以通过以下步骤轻松地将Yarn切换为NPM。本文将详细讲解整个过程。
## 流程概述
下面是将Yarn改为NPM的基本流程：
| 步骤 | 描述 |
|------|------|
| 1 | 安装Vue CLI
原创
2024-10-06 05:13:26
306阅读
文章目录1. vue组件中2. 回调函数3. 箭头函数4. 直接调用5. 方法调用6. new调用来源 先来个this的翻译帮助下理解 this 指向并不是在函数定义的时候确定的，而是在调用的时候确定的。换句话说，函数的调用方式(直接调用、方法调用、new调用、bind、call、apply、箭头函数)决定了 this 指向。1. vue组件中在Vue所有的生命周期钩子方法（如beforeCr
转载
2024-06-26 21:22:41
39阅读
本来是需要按照提示依次切换到项目文件夹，再npm run dev 即可完成项目创建并启动的，但是又报了如下错误经过排查，发现整个项目文件夹下竟然没有node_modules文件（这个我也不知道什么原因），所以就想着应该是需要手动下载一下依赖吧运行npm run dev时提示webpack-dev-server不是内部或外部命令。原因是使用vue-cli创建的项目没有node_modules文件：具
转载
2024-01-14 13:33:20
84阅读
生命周期图示（图片来自coderwhy老师）： 每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。在这个过程中，实例也会调用一些生命周期钩子函数，这就给我们提供了执行自定义逻辑的机会。例如，created 这个钩子在实例被创建之后被调用。也有
转载
2024-06-28 14:11:59
49阅读
created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。如：数据初始化一般放到created里面，这样可以及早发请求获取数据，如果有依赖dom必须存在的情况，就放到mounted(){this.$nextTick(() => { /* code */
# 使用 Yarn 创建 Vue 项目：一步一步的指南
随着前端开发的不断发展，Vue.js 已成为一个流行的框架。然而，当我们使用 Vue CLI 创建项目时，我们通常会选择 npm 作为包管理工具。但是，Yarn 作为一个更快速、可靠的包管理工具，越来越受到开发者们的欢迎。本文将介绍如何使用 Yarn 创建一个 Vue 项目，并解决实际开发中遇到的问题。
## 1. 环境准备
在开始之前
原创
2024-10-18 10:28:08
24阅读
Vue3设计思路 – 实现简单的createApp工厂函数vue3相比于vue2有了质的飞跃，尤大大做了很多底层的逻辑工作。使得vue3的速度比原来要快乐非常的多，配合上Vite这个工具，可以给开发者更好的开发体验。看代码可以知道createApp()之后创建的实例可以立刻跟一个mount方法，但是底层其实还有一个编译的过程。写了以后会收获很大的，原来还能这样设计！创建实例的区别vue3是底层实现
转载
2024-09-09 16:22:12
22阅读
Vue源码学习 - 组件化一 createComponent组件化createComponent构造子类构造函数安装组件钩子函数实例化 VNode总结 组件化Vue.js另一个核心思想是组件化。所谓组件化，就是把页面拆分成多个组件 (component)，每个组件依赖的CSS、JavaScript、模板、图片等资源放在一起开发和维护。组件资源独立，组件在系统内部可复用，组件和组件之间可以嵌套。我
# Vue项目中如何将Yarn换成NPM
在现代前端开发中，包管理工具是不可或缺的一部分，常用的有Yarn和NPM。虽然Yarn以其快速和高效著称，但在某些情况下，您可能需要将项目中的包管理工具从Yarn切换到NPM，例如团队成员对NPM更熟悉，或者您希望使用NPM的某些特性。在这篇文章中，我们将详细讨论如何在一个Vue项目中将Yarn换成NPM。
## 为什么选择NPM？
首先，让我们看一
原创
2024-09-03 03:34:00
79阅读
ESLlint是我们常用的代码质量检查工具，当然它也有代码风格检查的能力。ESLint在代码风格这块做到并够好，所以Prettier就出现了。官方自称Prettier是一个“有主见”的代码格式化工具。ESLint和Prettier的关系我们大致有了一个大概的了解，下面这边文章有详细的介绍：搞懂 ESLint 和 Prettier相关npm包在使用ESLint的项目中，如果要使用Prettier，我
转载
2024-10-18 07:01:26
18阅读
# Vue项目从Yarn迁移到NPM的方案
在现代前端开发中，包管理工具的选择对于项目的构建、依赖管理及发布都有着重要影响。在一些情况下，开发者可能会考虑将项目的包管理工具从Yarn转换为NPM。本文将详细介绍这一迁移过程，帮助读者顺利完成Yarn到NPM的转换。
## 1. 项目背景
在开始迁移之前，我们需要明确迁移的原因。假设我们的Vue项目使用Yarn来管理依赖，但由于某些原因（如团队
npm init & npx create & nrm
yarn
nvm, nrm
转载
2020-03-22 14:24:00
355阅读
2评论
样式绑定代码：
<div v-bind:class="{ active: isActive }"></div>
解释：
当 isActive为 true时， div就会具有了active样式类，如果 isActive为false，那么div就去掉active样式类。混合普通的HTML标签样式类及绑定样式对象v-bind:class 指令可以与普通的 class 属性共存&l
转载
2024-09-24 21:07:50
66阅读
