随笔分类 - vue全家桶进阶之路
vue全家桶
摘要：Vue.js 是一个前端开发框架，它可以帮助我们快速构建单页应用和复杂的交互界面。而 Webpack 则是一个前端资源打包工具，它可以将多个 JavaScript、CSS、HTML、图片等资源打包成一个或多个文件，并提供模块化加载、压缩、混淆等功能，以便于前端开发和部署。 在使用 Vue.js 开发
阅读全文
摘要：Vue Router 是 Vue.js 的官方路由管理器，它可以帮助我们实现单页应用（Single Page Application，SPA）的前端路由。 Vue Router 基于 Vue.js 的组件化思想，将路由视为组件，并提供了多种方式来定义路由和渲染组件。Vue Router 可以通过 U
阅读全文
摘要：在 Vue2 中，组件与组件之间的通信可以通过以下几种方式来实现： Props 和 Events 这是 Vue2 中最基础和常用的父子组件通信方式。父组件通过属性传递数据给子组件，子组件通过事件触发向父组件传递数据。 父组件传递数据到子组件： <template> <div> <child-comp
阅读全文
摘要：过渡 过渡（transition）是Vue提供的一种在元素在插入、更新或移除时，自动添加动画效果的方式。Vue提供了多种过渡效果，其中包括基于CSS动画的过渡，以及JavaScript过渡。 过渡可以应用于组件的任何状态变化，包括进入DOM、离开DOM和在DOM中更新。它可以让用户感到视觉上的流畅和
阅读全文
摘要：Vue2中常用的属性和方法： 属性 el：用于指定Vue实例挂载的元素，可以是CSS选择器、HTML元素或Vue组件。 data：用于存储Vue实例的响应式数据，也可以是一个函数，返回一个对象，用于提供数据的初始化值。 computed：用于计算和返回基于Vue实例数据的派生属性，具有缓存功能。 w
阅读全文
摘要：Vue 2.x 中的自定义指令是一种可以用于扩展 Vue.js 核心功能的特性。指令可以用于操作 DOM 元素的属性、监听 DOM 事件、控制 DOM 行为等等，可以将常见的交互行为封装成指令，从而让我们的代码更加简洁、清晰、易于维护。 自定义指令可以分为全局指令和局部指令两种。 全局指令是在 Vu
阅读全文
摘要：Vue2的生命周期是指Vue实例从创建、挂载、更新、销毁等各个阶段中所经历的一系列过程。Vue2的生命周期共有8个阶段，分别是： beforeCreate：Vue实例被创建之前的阶段，此时Vue实例的数据和事件都还未初始化。 created：Vue实例被创建之后的阶段，此时Vue实例的数据已经初始化
阅读全文
摘要：Vue2 中的计算属性是指在组件中声明的计算属性，它们的值是根据其他数据计算得出的，并且会根据依赖数据的变化而自动更新。计算属性可以在模板中使用，与普通属性一样使用，但是它们具有以下优点： 缓存：计算属性的值是根据依赖数据计算得出的，只有当依赖数据发生变化时才会重新计算，而且会缓存计算结果，提高了组
阅读全文
摘要：在Vue2中，监听器（watch）用于监测数据的变化，并在数据变化时执行一些操作。监听器可以用来响应用户输入、观察数据变化、执行异步操作等。 监听器的使用方法如下： 在组件的watch选项中定义一个或多个监听器。 监听器由两部分组成：要监听的数据和数据变化时要执行的回调函数。 监听器的回调函数会在数
阅读全文
摘要：Vue2 中的修饰符是指在指令后面添加点号（.）和修饰符名称的方式，用于控制指令的行为。修饰符可以分为事件修饰符和属性修饰符两种类型，下面分别介绍它们的作用和使用方法。 事件修饰符 事件修饰符用于控制事件的行为，以下是常用的事件修饰符： .stop - 阻止事件冒泡，即不再向父级元素传递事件。 .p
阅读全文
摘要：以下是一些常见的指令： v-bind - 用于绑定一个或多个属性到组件或 HTML 元素上。 v-model - 用于双向绑定一个表单元素或组件的值到数据模型上。 v-for - 用于循环遍历一个数组或对象，生成对应的 HTML 元素或组件。 v-if 和 v-show - 用于条件性地渲染一个组件
阅读全文
摘要：Axios是一个基于Promise的HTTP客户端，用于在浏览器和Node.js中发送HTTP请求。它可以使用在Vue中发送请求以及与后端API进行交互。 在Vue中使用Axios可以通过以下步骤： 安装Axios 可以通过npm或yarn来安装Axios：npm install axios yar
阅读全文
摘要：以下是引用方式创建，vue的程序可以通过引用创建，也可以通过脚手架创建，脚手架创建方式：https://www.cnblogs.com/beichengshiqiao/p/17265354.html <!DOCTYPE html><html lang="en"><head> <meta charse
阅读全文
摘要：1、安装 注意：Vue 不支持 IE8 及以下版本 创建一个文件夹用于下载引入Vue D:\BaiduSyncdisk\vue2 按照最新版本的Vue npm install vue 创建完成后便可以在node_modules\vue\dist查看Vue的js文件：D:\BaiduSyncdisk\
阅读全文
摘要：一、DOM对象 DOM，全称“DocumentObjectModel（文档对象模型）”，它是由W3C组织定义的一个标准。 在前端开发时，我们往往需要在页面某个地方添加一个元素或者删除元素，这种添加元素、删除元素的操作就是通过DOM来实现的。 说白了，DOM就是一个接口，我们可以通过DOM来操作页面中
阅读全文
摘要：NPM（Node Package Manager）是 Node.js 的包管理工具，用来安装各种 Node.js 的扩展。 NPM是 JavaScript 的包管理工具，也是世界上最大的软件注册表。有超过 60 万个 JavaScript 代码包可供下载，每周下载约 30 亿次。NPM让 JavaS
阅读全文
摘要：Node.js发布于2009年5月，由Ryan Dahl开发，是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型， 让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平
阅读全文
摘要：JavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页，其中： HTML 用来定义网页的内容，例如标题、正文、图像等； C
阅读全文
摘要：Vue.js简称Vue,用于构建用户界面的渐进式框架。 Vue是一款国产前端框架，它的作者尤雨溪（Evan You）是一位美籍华人，2014年2月，尤雨溪开源了一个前端开发库 Vue.js，2015年发布1.0.0版本，2016年4月发布2.0版本，目前，尤雨溪全职投入 Vue.js 的开发与维护，
阅读全文
