![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 85
Mordle_
知道的越多,不知道的越多
展开
-
Vue:404和路由钩子-狂神
目录1.路由模式2.处理4043.路由钩子路由钩子的使用4.在钩子函数中使用异步请求小结前面我们实现的功能中,请求组件的时候它的url中总是有一个"#"符号,这显然和我们平时使用的习惯不符,所以我们需要解决这个问题;这个问题可以通过设置路由对象的路由模式解决1.路由模式vue的辅助类VueRouter的路由模式有两种hash:路径带 # 符号,如 http://localhost/#/loginhistory:路径不带 # 符号,如 http://localhost/login我们可以通过原创 2021-12-06 18:29:38 · 403 阅读 · 0 评论 -
Vue:elementUi-参数传递,重定向
创建工程注意:命令行都要使用管理员模式运行1.创建名为hello-vue工程vue init webpack hello-vue2.安装依赖#进入工程cd hello-vue#安装 vue-routernpm install vue-router --save-dev#安装element-uinpm i element-ui -S#安装依赖npm install#安装 SASS 加载器cnpm install sass-loader node-sass --save-d原创 2021-12-06 15:06:08 · 639 阅读 · 0 评论 -
Vue:vue-router-狂神
说明Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成, 让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于Vue js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSS class的链接HTML5 历史模式或hash模式, 在IE 9中自动降级自定义的滚动行为安装基于第一个vue-cli进行测试学习; 先查看node modules中是否存在vue-router vue-原创 2021-12-06 11:00:55 · 134 阅读 · 0 评论 -
vue:webpack学习——狂神说
目录什么是Webpack模块化的演进CommonsJSAMDCMDES6模块安装Webpack配置使用webpack什么是Webpack本质上, webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler) 。当webpack处理应用程序时, 它会递归地构建一个依赖关系图(dependency graph) , 其中包含应用程序需要的每个模块, 然后将所有这些模块打包成一个或多个bundle. Webpack是当下最热门的前端资源模块化管理和打包工具, 它可以原创 2021-12-06 10:22:15 · 120 阅读 · 0 评论 -
Vue:第一个vue-cli程序
1、什么是vue-clivue-cli官方提供的一个脚手架,用于快速生成一个vue的项目模板预先定义好的目录结构及基础代码,就好比咱们在创建Maven项目时可以选择创建一个骨架项目,这个估计项目就是脚手架,我们的开发更加的快速;主要的功能统一的目录结构本地调试热部署单元测试集成打包上线2、需要的环境安装nodejs:Node.js:http://nodejs.cn/download/安装就是无脑的下一步就好,安装在自己的环境目录下Git:https://git-scm.c原创 2021-12-05 20:44:31 · 385 阅读 · 0 评论 -
Vue笔记:计算属性、内容分发、自定义事件(狂神)+入门小结
目录1、什么是计算属性2、内容分发3、自定义事件4、Vue入门小结说明1、什么是计算属性计算属性的重点突出在属性两个字上(属性是名词),首先它是个属性其次这个属性有计算的能力(计算是动词),这里的计算就是个函数:简单点说,它就是一个能够将计算结果缓存起来的属性(将行为转化成了静态的属性),仅此而已;可以想象为缓存!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-12-04 16:30:46 · 124 阅读 · 0 评论 -
Vue:Axios异步通信
目录1、什么是Axios1.1、为什么要使用Axios2、第一个Axios应用程序3、Vue的生命周期1、什么是AxiosAxios是一个开源的可以用在浏览器端和Node JS的异步通信框架, 她的主要作用就是实现AJAX异步通信,其功能特点如下:从浏览器中创建XMLHttpRequests从node.js创建http请求支持Promise API[JS中链式编程]拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF(跨站请求伪造)GitHub:h原创 2021-12-04 15:41:24 · 126 阅读 · 0 评论 -
Vue:表单双绑、组件-狂神
1、什么是双向数据绑定Vue.js是一个MV VM框架, 即数据双向绑定, 即当数据发生变化的时候, 视图也就发生变化, 当视图发生变化的时候,数据也会跟着同步变化。这也算是Vue.js的精髓之处了。 值得注意的是,我们所说的数据双向绑定,一定是对于UI控件来说的非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用vue x那么数据流也是单项的,这时就会和双向数据绑定有冲突。为什么要实现数据的双向绑定在Vue.js中,如果使用vuex, 实际上数据还是单向的, 之所原创 2021-12-02 18:04:12 · 116 阅读 · 0 评论 -
vue 基本语法-狂神
目录1、v-bind2、v-if, v-elsev-else-if3、v-for1、v-bind我们已经成功创建了第一个Vue应用!看起来这跟渲染一个字符串模板非常类似, 但是Vue在背后做了大量工作。现在数据和DOM已经被建立了关联, 所有东西都是响应式的。我们在控制台操作对象属性,界面可以实时更新! 我们还可以使用v-bind来绑定元素特性!<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999原创 2021-12-02 17:34:22 · 94 阅读 · 0 评论 -
Vue:MVVM模式和第一个Vue程序
什么是 MVVMMVVM(Model-View-ViewModel)是一种软件架构设计模式,由微软 WPF(用于替代 WinForm,以前就是用这个技术开发桌面应用程序的)和 Silverlight(类似于 Java Applet,简单点说就是在浏览器上运行的 WPF) 的架构师 Ken Cooper 和 Ted Peters 开发,是一种简化用户界面的事件驱动编程方式。由 John Gossman(同样也是 WPF 和 Silverlight 的架构师)于 2005 年在他的博客上发表。MVVM 源自转载 2021-12-02 15:17:47 · 106 阅读 · 0 评论 -
前端核心分析
一、前端核心分析1.1、概述Soc原则:关注点分离原则Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。HTML + CSS + JS : 视图 : 给用户看,刷新后台给的数据网络通信 : axios页面跳转 : vue-router状态管理:vuexVue-UI : ICE , Element UI用户界面(User Interface,简称UI,亦称使用者界面)1.2、前端三要素HTML(结构):超文本标记语言(Hyper Text Markup Language),决定原创 2021-12-02 14:27:18 · 564 阅读 · 0 评论