Vue
空
咖啡味的茶
新进程序员
展开
-
Vue:实战
我们采用实战教学模式并结合 ElementUI组件库,将所需知识点应用到实际中,以最快速度带领大家掌握 Vue 的使用; 创建工程 注意: 命令行都要使用管理员模式运行 创建一个名为 hello-vue 的工程 vue init webpack hello-vue 安装依赖,我们需要安装 vue-ro...原创 2020-03-19 15:43:56 · 1195 阅读 · 0 评论 -
Vue:vue-router路由
说明 学习的时候,尽量的打开官方的文档 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒...原创 2020-03-19 13:16:28 · 211 阅读 · 0 评论 -
Vue:第一个vue-cli项目
什么是vue-cli vue-cli 官方提供的一个脚手架,用于快速生成一个 vue 的项目模板; 预先定义好的目录结构及基础代码,就好比咱们在创建 Maven 项目时可以选择创建一个骨架项目,这个骨架项目就是脚手架,我们的开发更加的快速; 主要的功能: ...原创 2020-03-19 12:40:18 · 153 阅读 · 0 评论 -
Vue:计算属性、内容分发、自定义事件
什么是计算属性 计算属性的重点突出在属性两个字上(属性是名词),首先它是个 属性其次这个属性有计算的能力(计算是动词),这里的 计算就是个函数;简单点说,它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性),仅此而已;可以想象为缓存! 上代码: <!DOCTYPE html> <html> <head>...原创 2020-03-19 09:59:58 · 311 阅读 · 0 评论 -
Vue:Axios异步通信
什么是Axios Axios 是一个开源的可以用在浏览器端和 NodeJS的异步通信框架,她的主要作用就是实现 AJAX 异步通信,其功能特点如下: 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API [JS中链式编程] 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 ...原创 2020-03-18 18:55:12 · 224 阅读 · 0 评论 -
Vue:表单双绑、组件
什么是双向数据绑定 Vue.js 是一个 MVVM 框架,即数据双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。这也算是 Vue.js 的精髓之处了。 值得注意的是,我们所说的数据双向绑定,一定是对于 UI 控件来说的,非 UI 控件不会涉及到数据双向绑定...转载 2020-03-18 18:17:05 · 152 阅读 · 0 评论 -
Vue:基础语法
v-bind 我们已经成功创建了第一个 Vue 应用!看起来这跟渲染一个字符串模板非常类似,但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被建立了关联,所有东西都是响应式的。我们在控制台操作对象属性,界面可以实时更新! 我们还可以使用v-bind来绑定元素特性! 上代码: <!DOCTYPE html> <html xm...原创 2020-03-18 14:02:31 · 121 阅读 · 0 评论 -
Vue:MVVM模式和第一个Vue程序
什么是 MVVM MVVM(Model-View-ViewModel)是一种软件架构设计模式,由微软 WPF(用于替代 WinForm,以前就是用这个技术开发桌面应用程序的)和 Silverlight(类似于 Java Applet,简单点说就是在浏览器上运行的 WPF) 的架构师 Ken Cooper 和 Ted Peters 开发,是一种简化用户...原创 2020-03-18 13:11:39 · 256 阅读 · 0 评论 -
Vue:前端体系、前后端分离
1、概述 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,发布于 2014 年 2 月。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库(如:vue-router:跳转,vue-resource:通信,vuex:管理)或既有项目整合。 &n...原创 2020-03-18 10:57:26 · 4782 阅读 · 1 评论