Vue
关注
分享
扫一扫
Vue
很皮的皮蛋瘦肉粥
这个作者很懒，什么都没留下…
展开
-
1、Vue：前端核心分析
@[TOV]1.1、VUE 概述Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如: vue-router: 跳转，vue-resource: 通信，vuex:管理)或既有项目整合1.2、前端三要素1.2.1、HTML (结构层)超文本标记语言(Hyper Text Markup Language) ，决定网页的结构和内容1转载 2020-08-20 21:10:04 · 445 阅读 · 0 评论 -
2、Vue：第一个Vue程序
文章目录2.1、什么是MVVM2.2、为什么要使用MVVM2.3、MVVM的组成部分2.3.1、View2.3.2、Model2.3.3、ViewModel2.4、Vue2.4.1、MVVM模式的实现者2.4.2、为什么要使用Vue.js2.5、第一个Vue程序2.5.1、下载地址2.1、什么是MVVMMVVM (Model-View-ViewModel) 是一种软件架构设计模式，由微软WPF (用于替代WinForm,以前就是用这个技术开发桌面应用程序的)和Silverlight (类似于Java A转载 2020-08-20 22:40:58 · 195 阅读 · 0 评论 -
3、Vue：Vue基本语法
文章目录3.1、v-bind3.2、v-if,v-else3.3、v-for3.1、v-bind我们已经成功创建了第一个Vue应用!看起来这跟渲染一个字符串模板非常类似,但是Vue在背后做了大量工作。现在数据和DOM已经被建立了关联，所有东西都是响应式的。我们在控制台操作对象属性,界面可以实时更新!我们还可以使用v-bind来绑定元素特性!上代码<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999原创 2020-08-21 20:44:05 · 149 阅读 · 0 评论 -
4、Vue：表单双绑、组件
文章目录4.1、什么是双向数据绑定4.1.1、为什么要实现数据的双向绑定4.2、在表单中使用双向数据绑定4.3、Vue组件4.3.1、第一个Vue组件4.3.2、使用props属性传递参数4.1、什么是双向数据绑定Vue.js是一个MVVM框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是Vue.js的精髓之处了。值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的，非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理原创 2020-08-21 22:35:24 · 127 阅读 · 0 评论 -
5、Vue：Axios异步通信
文章目录5.1、什么是Axios5.1.1、为什么要使用Axios5.2、第一个Axios应用程序5.3、Vue的生命周期5.1、什么是AxiosAxios是一个开源的可以用在浏览器端和NodeJS 的异步通信框架，她的主要作用就是实现AJAX异步通信，其功能特点如下:从浏览器中创建XMLHttpRequests从node.js创建http请求支持Promise API [JS中链式编程]拦截请求和响应转换请求数据和响应数据.取消请求自动转换JSON数据客户端支持防御XSRF (跨站请原创 2020-08-23 22:10:54 · 141 阅读 · 0 评论 -
6、Vue：计算属性、内容分发、自定义事件
文章目录6.1、什么是计算属性6.2、内容分发6.2.1、插槽6.1、什么是计算属性计算属性的重点突出在属性两个字上(属性是名词)，首先它是个属性其次这个属性有计算的能力(计算是动词)，这里的计算就是个函数;简单点说，它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性)， 仅此而已;可以想象为缓存!上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2020-08-26 23:02:57 · 221 阅读 · 0 评论 -
7、Vue：第一个vue-cli项目
文章目录7.1、什么是vue-cli7.2、需要的环境7.1、什么是vue-clivue-cli 官方提供的一个脚手架，用于快速生成一个vue的项目模板；预先定义好的目录结构即基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个骨架就是脚手架，我们的开发更加的快速。主要功能：统一的目录结构本地调试热部署单元测试集成打包上线7.2、需要的环境Node.js :http://nodejs.cn/download/安装就无脑下一步就好,安装在自己的环境目录下Gi原创 2020-09-01 19:57:36 · 158 阅读 · 0 评论 -
8、Vue：Webpack
文章目录8.1、什么是Webpack8.1.1、模块化的演进8.1.1.1、Script标签8.1.1.2、CommonsJS8.1.1.3、AMD8.1.1.4、CMD8.1.1.5、ES6模块8.2、安装Webpack8.2.1、配置8.1、什么是Webpack本质上，webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。 当webpack处理应用程序时，它会递归地构建-一个依赖关系图(dependency graph),其中包含应用程序需要的每个模原创 2020-09-01 21:10:35 · 197 阅读 · 0 评论 -
9、Vue：vue-router路由
文章目录9.1、说明9.2、安装9.2.1、测试9.1、说明Vue Router 是 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSS class的链接HTML5历史模式或hash模式，在1E9中自动降级9.2、安装基于第一个vue-cli进行测试学习;先查看node_ module s中是否存在vue-router原创 2020-09-02 21:00:51 · 165 阅读 · 0 评论 -
10、Vue：实战快速上手
文章目录10.1、创建工程10.2、创建登录页面我们采用实战教学模式并结合ElementUI 组件库，将所需知识点应用到实际中，以最快速度带领大家掌握Vue的使用;10.1、创建工程注意： 命令行都要使用管理员模式运行（出错的情况下）创建一个名为hello-vue的工程 vue init webpack hello-vue安装依赖，我们需要安装 vue-router、element-ui、sass-loader 和 node-sass 四个插件# 进入工程目录cd hello-vue#原创 2020-09-03 17:38:39 · 332 阅读 · 0 评论