随笔分类 -  vue

Vue的生命周期
摘要：官方文档：https://cn.vuejs.org/v2/guide/instance.html#生命周期图示 Vue 实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载 DOM、渲染→更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。通俗说就是 Vue 实例从创建到 阅读全文
posted @ 2019-11-18 19:00 王大军 阅读(163) 评论(0) 推荐(0)
Vue：实战快速上手
摘要：我们采用实战教学模式并结合 ElementUI 组件库，将所需知识点应用到实际中，以最快速度带领大家掌握 Vue 的使用。 创建工程 1. 创建名为hello-vue 的工程 vue init webpack hello-vue 2. 安装所需要的依赖 进入工程目录中 npm install //安 阅读全文
posted @ 2019-11-17 20:26 王大军 阅读(1268) 评论(0) 推荐(0)
Vue：vue-router路由
摘要：说明 学习的时候，尽量的打开官方的文档 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细 阅读全文
posted @ 2019-11-16 19:26 王大军 阅读(166) 评论(0) 推荐(0)
Vue：Webpack学习-打包
摘要：什么是Webpack 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个 阅读全文
posted @ 2019-11-15 21:26 王大军 阅读(395) 评论(0) 推荐(0)
Vue: 第一个Vue-cli项目
摘要：什么是vue-cli vue-cli 官方提供的一个脚手架,用于快速生成一个 vue 的项目模板; 预先定义好的目录结构及基础代码，就好比咱们在创建 Maven 项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架,我们的开发更加的快速; 主要的功能: 统一的目录结构 本地调试 热部署 单元测试 阅读全文
posted @ 2019-11-14 22:26 王大军 阅读(592) 评论(0) 推荐(0)
Vue：Axios异步通信、计算属性、内容分发、自定义事件
摘要：1. Axios 什么是Axios Axios 是一个开源的可以用在浏览器端和 NodeJS 的异步通信框架，她的主要作用就是实现 AJAX 异步通信，其功能特点如下： 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API [JS中链 阅读全文
posted @ 2019-11-13 20:20 王大军 阅读(489) 评论(0) 推荐(0)
Vue：基础语法、表单双绑、组件
摘要：基础语法 Mustache 如何将data中的文本数据，插入到HTML中呢？ 已经学习过了，可以通过Mustache语法(也就是双大括号)。 Mustache: 胡子/胡须. 我们可以像下面这样来使用，并且数据是响应式的 v-once 表示元素和组件(组件后面才会学习)只渲染一次，不会随着数据的改变 阅读全文
posted @ 2019-11-12 19:46 王大军 阅读(256) 评论(0) 推荐(0)
Vue：MVVM模式和第一个Vue程序
摘要：什么是 MVVM MVVM（Model-View-ViewModel）是一种软件架构设计模式，由微软 WPF（用于替代 WinForm，以前就是用这个技术开发桌面应用程序的）和 Silverlight（类似于 Java Applet，简单点说就是在浏览器上运行的 WPF） 的架构师 Ken Coop 阅读全文
posted @ 2019-11-11 19:38 王大军 阅读(375) 评论(0) 推荐(0)