随笔分类 - A2-2-vue-node-npm
摘要：vue结合element组件编写多tab页面的实践 第一个知识点：tabs element组件的地址：https://element.eleme.cn/#/zh-CN/component/tabs#zi-ding-yi-biao-qian-ye 第二个知识点：动态表单 vue 实现动态表单，点击新增
阅读全文
摘要：# 介绍 Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。功能包括： 官方文档：https://router.vuejs.org/zh/guide/ # 下载 ``` npm install vue-router@4
阅读全文
摘要：vue-element-admin项目的mock逻辑 项目地址：https://github.com/PanJiaChen/vue-element-admin 1，mock文件，在里面写返回数据 2，vue.config.js文件内进行配置mock服务 3，request.js这个文件是核心 逻辑链
阅读全文
摘要：# 插槽 在之前的章节中，我们已经了解到组件能够接收任意类型的 JavaScript 值作为 props，但组件要如何接收模板内容呢？在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。 ## 含有插槽的子组件 - slot元素是一个插槽出口 (slot outl
阅读全文
摘要：# 什么是 axios？ Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 # 一，安装 使用 npm: ``` $ npm install axios ``` # 二、配置axios，添加拦截器 在src目录下新建一个request文件夹，在里面新建
阅读全文
摘要：# webpack介绍 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。 ## 安装webpack 首先要安装Node
阅读全文
摘要：# 组件化开发 - 组件是Vue中最重要的知识，因为vue是组件化开发， - 任意类型的应用界面都可以抽象为一个组件，也就是说项目都是一个个的组件构成的 - 我们使用小型、独立和通常可复用的组件构建大型应用。 - 这是一种开发的理念，组件化开发， - 组件最大的优势就是可复用 # 定义一个组件 当
阅读全文
摘要：# 1、什么是vue生命周期？ Vue 实例从创建到销毁的过程，就是生命周期。 从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、销毁等一系列过程，称之为 Vue 的生命周期。 这个就是一个钩子函数， 在之前或者之后插入一些功能， 在此过程中，它也会运行被称为生命周期钩子的函数，让开发
阅读全文
摘要：# 模板语法 Vue 使用一种基于 HTML 的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。 指令和模板语言要结合使用 下面的学习，都使用vue3来学习， vue介绍，使用vue创建项目：https://www.cnblogs.com/andy0816/p/1507216
阅读全文
摘要：# Attributes 继承 “透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 class、style 和 id。 当一个组件以单个元素为根作渲染时，透传的 attribute
阅读全文
摘要：# v-model 可以在组件上使用以实现双向绑定。 # 原生元素使用v-model 首先让我们回忆一下 v-model 在原生元素上的用法： 这个v-model 在表单中使用，比如输入框，可以获取我们输入的信息， ``` ``` 在代码背后，模板编译器会对 v-model 进行更冗长的等价展开。因
阅读全文
摘要：# 背景 我们会发现有时候它需要与父组件进行交互。例如，将博客文章的文字能够放大，而页面的其余部分仍使用默认字号。 # 组件事件 这个事件不是用户点击行为的处理，那是用户事件， 这个组件事件是为了给组件之间传递数据的，老版本的vue也叫做自定义事件，现在叫组件事件 这两个区别你要搞清楚， # 一，事
阅读全文
摘要：#### 首先是要安装nodejs， ### Pycharm环境配置这里需要说明一下！！！ PyCharm 必须要为 专业版 ，社区版的我试过了几个版本，都不可以进行以下操作！！！ 1，在Settings - Plugins里边，搜索NodeJS，然后点击下载； #### 2，在Settings -
阅读全文
摘要：# 前言 这集来聊什么是 Nodejs ， 看看 Node.js 是为了解决什么样的痛点而生的， 为啥说它是一个 JS 的运行环境， 以及 npm 是什么， 为何能引发了 Web 开发的革命。 # 什么是 Nodejs ## Node.js 的诞生 Node.js 是2009的时候由大神 Ryan
阅读全文
摘要：# npm介绍 npm 是世界上最大软件包仓库 最后来聊 npm 。Node.js 引发了前后端开发的爆发，尤其是前端。 JS 开发者众多，所以贡献开源代码的人就非常多，所有这些凝结成了 npm 这个世界上最大的软件包仓库。 npm 是 Node Package Manager 的缩写，意思是 No
阅读全文
摘要：### ### ### ####
阅读全文
摘要：# 背景 如果我们正在构建一个博客，我们可能需要一个表示博客文章的组件。我们希望所有的博客文章分享相同的视觉布局，但有不同的内容。要实现这样的效果自然必须向组件中传递数据，例如每篇文章标题和内容，这就会使用到 props。 # 定义一个含props的组件 Props 是一种特别的 attribute
阅读全文
摘要：# vue学习 - 从官方文档学习 - https://cn.vuejs.org/guide/introduction.html（这是vue3的官方文档） # 学习vue2，还是vue3？ 直接说结论，如果你没有学过vue，就直接从vue3开始学， Vue 2 将于 2023 年 12 月 31 日
阅读全文
摘要：实现跳转到新的标签页通常通过在a标签中添加target="_blank"属性 在Vue项目中跳转到新页面可利用以下两种方法实现。 # 1、自定义组件router-link 在router-link里添加 `target="_blank"`即可跳转到新页面，并实现传参数。 ``` 跳转到新的标签页 `
阅读全文