Vue
文章平均质量分 87
扎克风暴
我心如铁,坚不可摧
展开
-
Vue 学习笔记1——前端发展史
1、概述Vue(读音/vju/,类似于view)是一套用于构建用户界面的渐进式框架,发布于2014年2月。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层(HTML+CSS+JS),不仅易于上手,还便于与第三方库(如: vue-router:跳转,vue-resource:通信,vuex:管理)或既有项目整合。官网2、前端知识体系想要成为真正的“互联网Java 全栈工程师”还有很长的一段路要走,其中“大前端”是绕不开的一门必修课。本阶段课程的主要目的就是带领我J转载 2021-04-12 15:23:12 · 466 阅读 · 0 评论 -
Vue学习笔记2——MvVM模式和第一个Vue程序
什么是MVVMMVVM (Model-View-ViewModel)是一种软件架构设计模式,由微软WPF(用于替代WinForm,以前就是用这个技术开发桌面应用程序的)和Silverlight(类似于Java Applet,简单点说就是在浏览器上运行的 WPF)的架构师Ken Cooper和Ted Peters 开发,是一种简化用户界面的事件驱动编程方式。由John Gossman(同样也是 WPF和Silverlight 的架构师)于2005年在他的博客上发表。MVVM源自于经典的MVC (Mode转载 2021-04-12 15:23:35 · 261 阅读 · 0 评论 -
Vue学习笔记3-表单双绑、组件
什么是双向数据绑定Vue.js 是一个 MVVM框架,即数据双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。这也算是Vue.js 的精随之处了。值得注意的是,我们所说的数据双向绑定,一定是对于UI控件来说的,非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用vuex,那么数据流也是单项的,这时就会和双向数据绑定有冲突。为什么要实现数据的双向绑定在Vue.js中,如果使用vuex,实际上数据还是单向的,之所以说是数据双向转载 2021-04-12 15:24:05 · 126 阅读 · 0 评论 -
Vue学习笔记4——Axios异步通信
什么是AxiosAxios是一个开源的可以用在浏览器端和Node JS 的异步通信框架,她的主要作用就是实现AJAX异步通信,其功能特点如下:从浏览器中创建 XMLHttpRequests从node.js 创建http请求支持Promise APl[JS中链式编程]拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON 数据客户端支持防御XSRF(跨站请求伪造)GitHub 中文文档为什么要使用Axios由于vue.js是一个视图层框架并且作者(尤雨溪)严格准守SoC (转载 2021-04-12 15:25:18 · 244 阅读 · 1 评论 -
vue学习笔记5——计算属性、内容分发、自定义事件
什么是计算属性计算属性的重然突出在属性两个字上(属性是名词),首先它是个属性其次这个属性有计算的能力(计算是动词),这里的计算 就是个函数;简单点说,它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性),仅此而已;可以想象为缓存!上代码:注意: methods和computed里的东西不能重名说明:methods:定义方法,调用方法使用currentTime10,需要带括号computed:定义计算属性,调用属性使用currentTime2,不需要带括号; this.message转载 2021-04-12 15:24:20 · 149 阅读 · 0 评论 -
Vue学习笔记6——第一个vue-cli项目和webpack学习使用
什么是vue-clivue-cli官方提供的一个脚手架,用于快速生成一个vue的项目模板;预先定义好的目录结构及基础代码,就好比咱们在创建Maven项目时可以选择创建一个骨架项目,这个骨架项目就是脚手架,我们的开发更加的快速;主要的功能:统一的目录结构本地调试热部署单元测试集成打包上线...转载 2021-04-12 15:25:51 · 451 阅读 · 1 评论 -
vue学习笔记7——vue-router路由
vue: vue-router路由说明学习的时候,尽量的打开官方的文档Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置·路由参数、查询、通配符基于Vue.js 过渡系统的视图过渡效果·细粒度的导航控制带有自动激活的css class的链接HTML5历史模式或hash模式,在IE9中自动降级·自定义的滚动条行为安装基于第一个vue-cli进行测试学习;先查看n转载 2021-04-12 15:24:32 · 207 阅读 · 0 评论 -
Vue学习笔记8——实战快速上手
我们采用实战教学模式并结合ElementuI组件库,将所需知识点应用到实际中,以最快速度带领大家掌握Vue的使用;创建工程注意:命令行都要使用管理员模式运行1、创建一个名为hello-vue的工程vue init webpack hello-vue2、安装依赖,我们需要安装vue-router、element-ui、sass-loader和 node-sass 四个插件#进入工程目录cd hello-vue #安装vue-router npm install vue-router --s转载 2021-04-12 15:25:31 · 142 阅读 · 0 评论