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 · 411 阅读 · 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、什么是MVVM MVVM (Model-View-ViewModel) 是一种软件架构设计模式,由微软WPF (用于替代WinForm,以前就是用这个技术开发桌面应用程序的)和Silverlight (类似于Java A转载 2020-08-20 22:40:58 · 167 阅读 · 0 评论 -
3、Vue:Vue基本语法
文章目录3.1、v-bind3.2、v-if,v-else3.3、v-for 3.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 · 123 阅读 · 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 · 106 阅读 · 0 评论 -
5、Vue:Axios异步通信
文章目录5.1、什么是Axios5.1.1、为什么要使用Axios5.2、第一个Axios应用程序5.3、Vue的生命周期 5.1、什么是Axios Axios是一个开源的可以用在浏览器端和NodeJS 的异步通信框架,她的主要作用就是实现AJAX异步通信,其功能特点如下: 从浏览器中创建XMLHttpRequests 从node.js创建http请求 支持Promise API [JS中链式编程] 拦截请求和响应 转换请求数据和响应数据. 取消请求 自动转换JSON数据 客户端支持防御XSRF (跨站请原创 2020-08-23 22:10:54 · 125 阅读 · 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 · 185 阅读 · 0 评论 -
7、Vue:第一个vue-cli项目
文章目录7.1、什么是vue-cli7.2、需要的环境 7.1、什么是vue-cli vue-cli 官方提供的一个脚手架,用于快速生成一个vue的项目模板; 预先定义好的目录结构即基础代码,就好比咱们在创建Maven项目时可以选择创建一个骨架项目,这个骨架就是脚手架,我们的开发更加的快速。 主要功能: 统一的目录结构 本地调试 热部署 单元测试 集成打包上线 7.2、需要的环境 Node.js :http://nodejs.cn/download/ 安装就无脑下一步就好,安装在自己的环境目录下 Gi原创 2020-09-01 19:57:36 · 131 阅读 · 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 · 162 阅读 · 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 · 138 阅读 · 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 · 303 阅读 · 0 评论