随笔分类 -  VUE专题

摘要：首先什么都不要管，先装环境。 pip是万能的！！！ 安装node: pip3 install node 安装npm： pip3 install npm 安装webpack: npm install webpack 安装vue-cli: npm install vue-cli 安装vuex: npm 阅读全文

摘要：本质上，Webpack是一个现代 JavaScript应用程序的静态模块打包器(module bundler)。当 Webpack处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。 模块化 阅读全文

摘要：单页应用(SPA)逐渐成为主流，移动端、PC端多端适用的设计需求也迫在眉睫，因此，虽然前后端分离并不能解决所有问题，且前后端分离并不适用于所有企业场景，但是这种架构以其巨大的优势依然势不可挡成为主流。 前后端分离是一种系统架构，将前端开发与后端开发两种不同的流程完全分离开，双方通过restful规范 阅读全文

摘要：由于状态零散地分布在许多组件和组件之间的交互中，大型应用复杂度也经常逐渐增长。为了解决这个问题，Vue 提供 vuex。 什么是Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 状态 阅读全文

摘要：Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。与此同时，它也为每个工具提供了调整配置的灵活性。 Vue C 阅读全文

摘要：JQuery时代，我们使用ajax向后台提交数据请求，Vue时代，Axios提供了前端对后台数据请求的各种方式。 什么是Axios Axios是基于Promise的Http客户端，可以在浏览器和node.js中使用。 为什么使用Axios Axios非常适合前后端数据交互，另一种请求后端数据的方式是 阅读全文

摘要：任何一门计算机语言都包含了丰富的第三方库，npm就是JavaScript这门语言的第三方库管理工具，本文详细介绍了JavaScript的包管理工具，npm。 在计算机中安装好Node.js之后，默认已经安装好了npm包管理工具，我们可以输入npm命令进行测试： 安装好npm包管理工具之后，我们来介绍 阅读全文

摘要：Node.js是一个Javascript运行环境(runtime environment)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。本文详细介绍了Node.js的安装和使用。 Node.js介绍 Node.js 不是一个 JavaScript 框架， 阅读全文

摘要：一切分离都是为了更好的结合，本文详细介绍了前后端分离架构之后，前端如果实现路由控制，即Vue路由系统。 Vue路由系统 VueRouter的实现原理是根据监控锚点值的改变，从而不断修改组件内容来实现的，我们来试试不使用VueRouter，自己实现路由控制，如下代码： 可以看到，通过监控锚点值的改变， 阅读全文

摘要：有时候，我们需要在实例创建过程中进行一些初始化的工作，以帮助我们完成项目中更复杂更丰富的需求开发，针对这样的需求，Vue提供给我们一系列的钩子函数。 本文详细介绍了Vue实例在创建和销毁的过程中，我们可以利用的钩子函数。 Vue生命周期 下面，我们结合官方文档提供的Vue实例生命周期图，来进行钩子函 阅读全文

摘要：vue.js既然是框架，那就不能只是简单的完成数据模板引擎的任务，它还提供了页面布局的功能。本文详细介绍使用vue.js进行页面布局的强大工具，vue.js组件系统。 Vue.js组件系统 每一个新技术的诞生，都是为了解决特定的问题。 组件的出现就是为了解决页面布局等等一些列的问题。 vue中的组件 阅读全文

摘要：vue.js官方给自己的定为是数据模板引擎，并给出了一套渲染数据的指令。本文详细介绍了vue.js的常用指令。 vue.js常用指令 Vue.js 使用了基于 HTML 的模板语法，最简单的使用vue的方式是渲染数据，渲染数据最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值。 阅读全文