![](https://img-blog.csdnimg.cn/2263aea07edf48fb8fe15526a1ee90e9.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
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-vue2)安装依赖,需要安装vue-router、element-ui、sass-loader和node-sass四个插件。#进入工程目录cd hello-vue#转载 2021-06-03 22:53:36 · 248 阅读 · 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 · 67 阅读 · 0 评论 -
Vue之Webpack学习
七、Webpack学习目录:什么是Webpack、安装Webpack、使用Webpack1.什么是Webpack本质上,Webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。当Webpack处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要地每个模块,然后将所有这些模块打包成一个或多个bundle。Webpack是当下最热门]的前端资源模块化管理和打包工具,它可以将许多松散耦合的模块按照依赖和规则打包原创 2021-06-03 15:44:11 · 171 阅读 · 2 评论 -
Vue之第一个vue-cli程序
六、第一个vue-cli程序目录:什么是vue-cli、需要的环境、第一个vue-cli应用程序1.什么是vue-clivue-cli是官方提供的一个脚手架,用于快速生成一个vue项目模板。预先定义好的目录结构及基础代码,就好比在创建Maven项目时可以选择创建一个骨架项目,这个骨架项目就是脚手架,使开发更加的快速。主要的功能:统一的目录结构、本地调试、热部署、单元测试、集成打包上线2.需要的环境Node.js:http://nodejs.cn/downloadGit:https://git转载 2021-06-02 22:43:30 · 104 阅读 · 0 评论 -
Vue之计算属性、内容分发、自定义事件
五、计算属性、内容分发、自定义事件目录:计算属性、内容分发、自定义事件、Vue入门小结1.计算属性计算属性的重点突出在属性两个字上,首先它是个属性,其次这个属性有计算的能力,这里的计算就是个函数。简单点说,它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性),仅此而已。可以想象为缓存。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>计算属性<原创 2021-05-15 02:38:47 · 461 阅读 · 2 评论 -
Vue之Axios异步通信
四、Axios异步通信目录:什么是Axios、第一个Axios应用程序、Vue的生命周期1.什么是AxiosAxios是一个开源的可以用在浏览器端和NodeJS的异步通信框架,它的主要作用就是实现AJAX异步通信,其功能特点如下:从浏览器中创建XMLHttpRequests从node.js创建http请求支持Promise API[JS中链式编程]拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF(跨站请求伪造)中文文档:http://www.原创 2021-04-11 11:23:41 · 172 阅读 · 1 评论 -
Vue之表单双向数据绑定和组件
三、表单双向数据绑定和组件目录:双向数据绑定、组件1.双向数据绑定1)什么是双向数据绑定Vue.js是一个MVVM框架,即数据双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。这就是Vue.js的精髓之处。值得注意的是,所说的数据双向绑定,一定是对于UI控件来说的,非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果使用vuex,那么数据流也是单项的,这时就会和双向数据绑定有冲突。为什么要实现数据的双向绑定在Vue.js中,原创 2021-04-10 23:15:19 · 560 阅读 · 0 评论 -
Vue之基本语法
二、基本语法目录:v-bind、v-if、v-else-if、v-else、v-for、v-on1.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 · 138 阅读 · 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 · 122 阅读 · 0 评论 -
Vue.js官方教程快速入门
前言在过去的十年时间里,我们的网页变得更加动态化和强大了。多亏有JavaScript,我们已经把很多传统的服务端代码放到了浏览器中,这样就产生了成千上万行的JavaScript代码。它们连接了各式各样的HTML和CSS文件,但缺乏正规的组织形式。这也就是为什么越来越多的开发者使用JavaScript框架诸如Angular、React或Vue这样的。Vue是一款友好的、多用途的且高性能的JavaScript框架。它能够帮助你创建可维护性和可测试性更强的代码库。Vue是渐进式的JavaScript框架,也就是原创 2021-02-15 20:10:02 · 576 阅读 · 0 评论