Ping说Vue.js
关注
分享
扫一扫
文章平均质量分 83
包含了Vue的官方教程以及vue基础、vue-cli、webpack、axios、npm、elementUI、vue-router、vuex
Ping开源
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue之快速实战上手
九、快速实战上手 目录：创建工程、创建登录页面、路由嵌套、参数传递、组件重定向、路由模式与404 采用实战模式并结合ElementUI组件库，将所需知识点应用到实际中，以最快的速度掌握Vue的使用。 1.创建工程 注意：命令行都要使用管理员模式运行。 1）创建一个名为hello-vue的工程：vue init webpack hello-vue 2）安装依赖，需要安装vue-router、element-ui、sass-loader和node-sass四个插件。 #进入工程目录 cd hello-vue #转载 2021-06-03 22:53:36 · 287 阅读 · 0 评论 -
Vue之vue-router路由
八、vue-router路由 目录：使用、测试 1.使用 1）说明 Vue Router是Vue.js官方的路由管理器，它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌，包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于Vue.js过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的CSS class的链接 HTML5历史模式或hash模式，在IE9中自动降级 自定义的滚动条行为 2）安装 基于 第一个vue-cli程序 进行测试学习，先查看n原创 2021-06-03 15:44:56 · 109 阅读 · 0 评论 -
Vue之Webpack学习
七、Webpack学习 目录：什么是Webpack、安装Webpack、使用Webpack 1.什么是Webpack 本质上，Webpack是一个现代JavaScript应用程序的静态模块打包器（module bundler）。当Webpack处理应用程序时，它会递归地构建一个依赖关系图（dependency graph），其中包含应用程序需要地每个模块，然后将所有这些模块打包成一个或多个bundle。 Webpack是当下最热门]的前端资源模块化管理和打包工具，它可以将许多松散耦合的模块按照依赖和规则打包原创 2021-06-03 15:44:11 · 248 阅读 · 2 评论 -
Vue之第一个vue-cli程序
六、第一个vue-cli程序 目录：什么是vue-cli、需要的环境、第一个vue-cli应用程序 1.什么是vue-cli vue-cli是官方提供的一个脚手架，用于快速生成一个vue项目模板。 预先定义好的目录结构及基础代码，就好比在创建Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，使开发更加的快速。 主要的功能：统一的目录结构、本地调试、热部署、单元测试、集成打包上线 2.需要的环境 Node.js：http://nodejs.cn/download Git：https://git转载 2021-06-02 22:43:30 · 135 阅读 · 0 评论 -
Vue之计算属性、内容分发、自定义事件
五、计算属性、内容分发、自定义事件 目录：计算属性、内容分发、自定义事件、Vue入门小结 1.计算属性 计算属性的重点突出在属性两个字上，首先它是个属性，其次这个属性有计算的能力，这里的计算就是个函数。简单点说，它就是一个能够将计算结果缓存起来的属性（将行为转化成了静态的属性），仅此而已。可以想象为缓存。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计算属性<原创 2021-05-15 02:38:47 · 527 阅读 · 2 评论 -
Vue之Axios异步通信
四、Axios异步通信 目录：什么是Axios、第一个Axios应用程序、Vue的生命周期 1.什么是Axios Axios是一个开源的可以用在浏览器端和NodeJS的异步通信框架，它的主要作用就是实现AJAX异步通信，其功能特点如下： 从浏览器中创建XMLHttpRequests 从node.js创建http请求 支持Promise API[JS中链式编程] 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换JSON数据 客户端支持防御XSRF（跨站请求伪造） 中文文档：http://www.原创 2021-04-11 11:23:41 · 238 阅读 · 1 评论 -
Vue之表单双向数据绑定和组件
三、表单双向数据绑定和组件 目录：双向数据绑定、组件 1.双向数据绑定 1）什么是双向数据绑定 Vue.js是一个MVVM框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这就是Vue.js的精髓之处。 值得注意的是，所说的数据双向绑定，一定是对于UI控件来说的，非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果使用vuex，那么数据流也是单项的，这时就会和双向数据绑定有冲突。 为什么要实现数据的双向绑定 在Vue.js中，原创 2021-04-10 23:15:19 · 677 阅读 · 0 评论 -
Vue之基本语法
二、基本语法 目录：v-bind、v-if、v-else-if、v-else、v-for、v-on 1.v-bind 已经成功创建了第一个Vue应用。看起来这跟渲染一个字符串模板非常类似，但是Vue在背后做了大量的工作。现在数据和DOM已经被建立了关联，所有东西都是响应式的。在控制台操作对象属性，界面可以实时更新。 可以使用v-bind来绑定元素特性。 <!DOCTYPE html> <html xmlns:v-bind="http://www.w3.org/1999/xhtml">原创 2021-04-09 12:46:53 · 203 阅读 · 3 评论 -
Vue之MVVM模式和第一个Vue程序
一、MVVM模式和第一个Vue程序 目录：MVVM模式、第一个Vue程序 1.MVVM模式 1）什么是MVVM？ MVVM（Model-View-ViewModel）是一种软件架构设计模式，由微软WPF（用于替代WinForm，以前就是用这个技术开发桌面应用程序的）和Silverlight（类似于Java Applet，简单点说就是在浏览器上运行的WPF）的架构师Ken Cooper和Ted Peters开发，是一款简化用户界面的事件驱动编程方式。由John Gossman（同样也是WPF和Silverli转载 2021-04-05 23:14:37 · 171 阅读 · 0 评论 -
Vue.js官方教程快速入门
前言 在过去的十年时间里，我们的网页变得更加动态化和强大了。多亏有JavaScript，我们已经把很多传统的服务端代码放到了浏览器中，这样就产生了成千上万行的JavaScript代码。它们连接了各式各样的HTML和CSS文件，但缺乏正规的组织形式。这也就是为什么越来越多的开发者使用JavaScript框架诸如Angular、React或Vue这样的。Vue是一款友好的、多用途的且高性能的JavaScript框架。它能够帮助你创建可维护性和可测试性更强的代码库。Vue是渐进式的JavaScript框架，也就是原创 2021-02-15 20:10:02 · 676 阅读 · 0 评论