#vue学习

vue学习笔记（三）- vue2.x引入Element-ui

vue学习笔记（三）-vue2.x引入Element-uiwebpack+vue2.x+element-ui作者：狐狸家的鱼本文链接：vue2.x引入Element-uiGitHub：sueRimn1、
DebJane·2020-06-26 15:48

vue学习笔记

资源来源：vue中文文档本文绝大部分资料摘录自Vue官方文档，方便日后查阅。Vue.js是什么  Vue是一套用于构建用户界面的渐进式框架。Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅仅易于上手，还便于与第三方库或既有项目整合。  Vue专注于渲染/更新非常简单的组件树的真实性能。组件的依赖是在渲染过程中自动追踪的。  Vue整体思想：拥抱经典的Web技术，并在其上进行扩展
rbuli·2020-06-26 15:04

Vue学习-v-model修饰符lazy number trim

目录lazy修饰符number修饰符trim修饰符lazy修饰符默认情况下，v-model默认是在input事件中同步输入框的数据的lazy修饰符可以让数据在失去焦点或者回车时才会更新当前内容：{{message}}number修饰符默认情况下，在输入框中无论我们输入的是字母还是数字，都会被当做字符串类型进行处理。但是如果我们希望处理的是数字类型，那么最好直接将内容当做数字处理number修饰符可
软件技术开发·2020-06-26 11:00

vue-admin-template笔记（六）

文章目录Vue学习笔记（六）layoutlayout.jsResizeHandler.jsnvabar.vuehamburgerBreadcrumbAppMain.vuesidebarsidebaritemitemlink
seedcup·2020-06-26 08:37

vue-admin-template笔记（一）

文章目录Vue学习笔记（一）初步印象子模块main.jsApp.vuerouter总结参考Vue学习笔记（一）学习vue-admin-templatehttps://github.com/PanJiaChen
seedcup·2020-06-26 08:36

vue学习（四） vue-loader vue-router vue-cli

vue-routerSPA:SinglePageApplication单页面应用程序vue在实现单页面应用程序，要借助他的路由，即vue-router下载vue-router，在页面中引入相关的模块具体使用代码过程：首先引入vue和vue-router在html里写相关的链接，这里链接还是通过a标签来定义，但是通过v-link来绑定链接的地址再通过router-view，把相关的内容呈现在rout
sJohnny·2020-06-26 06:16

vue实现搜索功能且关键字高亮，介绍(axios,promise)

很多伙伴在自己用vue学习开发的过程中，不像真正的工作开发，有后端支持，可以从后端那里调接口拿到真实的数据进行展示。
前端李小白·2020-06-25 23:23

Vue学习之十(用支付宝沙箱模式完成支付功能,项目开发流程)

公钥成为支付宝商户,和支付宝签约上传至支付宝私钥上传至服务端美团支付的整个流程1、前端调用后台接口，进行下单操作【美团前端】2、美团后台，生成订单（此时订单状态为未支付）【美团后台】3、后台会重定向到选择支付方式的页面【美团后台】4、用户选择了某种支付方式之后，点击了确认支付，会发送请求给后台【美团前端】5、美团后台，会拿着支付宝平台的私钥，对订单信息进行加密，然后生成一个加密之后url，返回给浏
itzhaolin·2020-06-25 22:15

Vue学习之十二(webpack优化打包及发布上线)

优化总结思路基本打包–>压缩bundle.js和html–>按需加载elementUI和iview–>把静态资源从bundle.js中抽离–>把第三方包从bundle.js中抽离–>css从bundle.js中抽离–>使用vue-router的路由懒加载打包前,删除我们的dist文件夹安装clean-webpack-plugin包在webpack中导入moment.js打包过程中过大的问题//只保
itzhaolin·2020-06-25 22:15

vue学习笔记——组件(单文件组件)

vue学习笔记——组件(单文件组件)一、创建组件(脚手架中)在脚手架中，创建一个组件即在components中创建一个文件类型为vue的文件，如HellloWorld.vue组件中包含template模板
Coolinx·2020-06-25 21:15

全面掌握前端框架Vue.js

Vue学习起来非常简单，本教程基于Vue2.1.8版本测试。第一个实例：VueHelloWorldVue测试实例{{message}}newVue({el:'#app',
绝圣弃智-零·2020-06-25 18:11

Vue学习-Vuex

目录哪些状态是要放到Vuex里进行状态管理呢？StateMutationActionGettersModuleVuex-多个组件之间共享状态，并且这些状态是响应式的哪些状态是要放到Vuex里进行状态管理呢？用户的登录状态（token,用户的个人信息)商品的收藏，购物车中的物品State里用于存放一些需要共享的状态相关信息（对象类型）单一状态树(SingleSourceofTruth),也可翻译成单
软件技术开发·2020-06-25 17:00

Vue学习-axios

目录功能特点安装请求方式axios(config)axios.request(config)axios.get(url[,config])axios.delete(url[,config])axios.head(url[,config])axios.post(url[,config])axios.put(url[,config])axios.patch(url[,config])axios.all
软件技术开发·2020-06-25 17:00

Vue学习笔记4--vue-router路由

vue-router前端路由完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ路由的基本概念本质路由本质是对应关系路由分类后端路由概念：根据用户的URL请求返回不同内容本质：URL请求地址与服务器资源之间的对应关系前端路由概念：根据不用的用户事件，显示不用的页面内容本质：用户事件和事件处理函数之间的对应关系实现简单的前端路由基于URL中的hash实现（点击菜单的时候改
坤坤苦学Java·2020-06-25 16:02

Vue和React学习笔记

【Vue学习笔记】MVVM模式Model：负责数据存储View：负责页面展示ViewModel：负责业务逻辑处理（比如Ajax请求等），对数据进行加工后交给视图展示Vue框架的特点模板渲染：基于html
汤姆猫丶·2020-06-25 16:48

vue学习笔记

1、key的作用主要是为了高效的更新虚拟DOM。另外vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们，否则vue只会替换其内部属性而不会触发过渡效果。Vue计算属性的使用2、我们都知道在Vue构造函数的参数对象中有一个【data】属性，该属性值是一个对象，该对象是对数据的代理，是一个键值对并且时刻与页面表现是一致的，但是这里面只能是简单的键值对，不
我的包子·2020-06-25 10:26

vue学习：webpack+vue（组件学习）

component.png这篇文章主要简单的讲一下vue组件：-1-vue组件分为全局组件和局部组件，我们先来说一下全局组件：constVue=require('vue')//引入Vuerequire('./css/style.css')//引入全局cssrequire('./component.js')(Vue)//组件require('./index.js')(Vue)//首页js这里我把组件
奔跑的攻城狮·2020-06-25 10:03

vue学习步骤--开发笔记

vue安装使用脚手架工具：http://www.mopusheng.com/http://jgdqyj.com/list/?1.html#全局安装vue-cli1.npminstall-gvue-cli;全局安装脚手架工具快速构建vue项目的工具2.#创建一个基于webpack模板的新项目vueinitwebpackmyvuedemoproject构建我的基于webpack的vue项目安装vue路
怒放的阿旭·2020-06-25 08:25

vue中组件的3种使用方式详解

在模块化的前端时代，万物皆组件，vue学习组件是必不可少的。可是在大多数人熟悉了纯html、jq之后，在
落笔千章，难诉衷肠·2020-06-25 06:36

vue学习（2）—— vue组件化

组件化Vue组件化思想vue组件定义：vue组件化、模块化创建组件方式一：1、使用Vue.extend({})创建全局组件2、使用Vue.component('组件名称'，组件模板对象)3、在使用时，把组件的名称以HTML标签的形式引入注意：如果组件名称为驼峰映射，则标签名格式为全小写，单词中间用-连接如果组件名称不是驼峰命名，则标签名为全小写，同组件名称注册组件步骤解析创建组件方式二：直接使用V
Vincent_sv·2020-06-25 05:35

vue学习（15）— 前端路由和vue-router路由

路由概念：后端路由阶段使用Javaserverpage开发网页，服务器直接生产渲染好对应的网页返回给浏览器，属于后端渲染前端路由阶段html、css、js静态文件放到静态服务器，浏览器请求后返回由浏览器进行解析渲染，后端服务器提供动态的数据属于前端渲染单页面富应用阶段，SPA只有一个html文件，index.html，css，js也可能只有一个，浏览器一次请求会将所有的资源加载到浏览器中，各个页面
Vincent_sv·2020-06-25 05:35

vue学习+elementUI+跨域请求api

最近公司要使用vue.js做前台开发，项目忙完了，自己闲下就研究了一下，以供以后参考。1,第一步安装node.js。下载地址https://nodejs.org/en/download/，安装步骤网上一大堆，自己另行搜索。2,建议安装cnpm。命令：npminstall-gcnpm--registry=https://registry.npm.taobao.org。因为默认外国服务器，这里使用阿里
左眼睛丶跳·2020-06-25 03:08

vue学习 32路由精讲之二级路由和三级路由

分级时，默认打开指定下级的路由，使用redirect属性，其值为子级路由的路径path.子级使用属性children:值为数组，数组中每个元素都是一个路由对象二级路由在main.js中配置路由//二级路由importContactfrom'./components/about/Contact'importDeliveryfrom'./components/about/Delivery'import
数学太陡·2020-06-25 03:26

vue学习 30路由精讲之路由name属性及跳转方法

知识点：路由起一个名字，路由跳转方法constroutes=[{path:'/',name:'homeLink',//路由的名字component:Home},{path:'/menu',name:'menuLink',component:Menu},{path:'/admin',name:'adminLink',component:Admin},{path:'/about',name:'abou
数学太陡·2020-06-25 03:26

2. Vue Router 一

构建中小型互联网企业架构（干货）python学习持续更新ElasticSearch笔记kafkastorm实战(干货)scala学习持续更新RPC深度学习GO语言持续更新Android学习nginx相关文章vue
chenshiying007·2020-06-25 03:21

vue学习总结

1.Vue是目前最火的前端框架,与Angular.js和React.js并称为前端三大框架MVVM跨平台:React-ReacNative-taroVue-Week-uniapp2.为什么要学习Vue框架什么是框架？框架的作用？框架:半成品的开发,提高开发效率.前端提高开发效率的发展历程:DOM原生js-jquery-前端模板引擎(DOM操作降低了ajax请求函数的复用性)MVVM:Angular
qq_25591259·2020-06-25 02:25

vue学习路径

前言最近有空整理了一下之前写的文章，也给大家简单提一个学习路径，相信大家看完后，能够掌握vue-cli的基础并能简单运用它。vue-cli集锦vue-cli入门（一）——项目搭建vue-cli入门（二）——项目结构vue-cli入门（三）——人员管理实例vue-cli入门（四）——vue-resource登录注册实例vue.js路由vue-router（一）——简单路由基础vue.js路由vue-
一岑不冉·2020-06-25 01:47

vue学习笔记

好久没更新啦，一直忙于工作，感觉是时候要抽点时间出来进修一下啦，暂时在学习vue，虽然作为一个后台开发，但是感觉前端的东西还是要懂一丢丢的，暂时先从慕课上面的课程学起吧，记下一些笔记之类的.bg{color:red;}HelloWorld{{msg}}{{msg}}{{count+1}}baidu-->baidu加数字-->加数字newVue({el:'.bg',data:{msg:"HelloV
围巾的ACM·2020-06-25 00:44

vue学习三：vue初始化的过程二(渲染、生命周期mounted---update)

首先看一下生命周期图：beforecreate到update接下来介绍的是$mountsrc/platforms/web/web-runtime-with-compiler.js。mount的方法主要介绍：compileToFunctions是对我们最后生成的模板进行解析，生成render。下钻到createCompiler实现的是baseComple的三个方法1.constast=parse(t
晒不干的咸鱼·2020-06-25 00:35

赶鸭子上架之Vue学习（一）

Vue下载及安装阿伟的第一个vue代码：Title[v-cloak]{display:none;}+++++++++++++++{{msg}}=============varvm=newVue({el:'#app',data:{msg:'欢迎学习Vue',msg2:'哈哈哈哈哈哈哈哈哈',mytitle:'这是一个自己定义的title'},methods:{//methods中定义了当前vue实例
Lemon Love·2020-06-25 00:14

vue学习 十七 Vue路由和http请求

路由的实现：首先需要cmd将路由模块装上，然后重启项目，多打几遍就熟悉了npmrundev，在下面的黑窗口中，我之前已经装过了路由模块，显示如下npminstallvue-router--save-devnpmrundev然后你需要的就是在main.js文件中引入路由模板，然后使用它，如下图中第一和第二个画圈的部分配置路由什么的参照mode：“history”，的作用是为了去除地址栏中的/#/这个
liusongjing·2020-06-24 14:37

Vue学习笔记（一）——Vue与angularJS比较分析

参考文档：https://cn.vuejs.org/v2/guide/虚拟dom映射到真实dom的机制不同angularJS通过脏检查来实现，当作用域内变量发生变化时会触发脏检查，脏检查会遍历当前虚拟dom树下所有的变量检查是否变化，如果变化则更新对应的真实dom，这个检查动作会执行多次，直到没有变量改变为止。要注意的是，这个遍历动作不会区分变量是否改变，即所有的变量在每次遍历过程中都会检查，这是
讨厌走开啦·2020-06-24 09:30

Vue学习笔记（十六）——组件的懒加载

参考文档一：https://cn.vuejs.org/v2/guide/参考文档二：https://www.cnblogs.com/zhanyishu/p/6587571.html懒加载实质是让页面非必须资源延迟加载，减少页面加载用时，从而达到页面性能优化的目的。在vue工程中，通常会在以下两个场景应用懒加载：1.路由依赖组件的懒加载：路由声明的懒加载组件以及该组件依赖的其他组件会打包成独立的ch
讨厌走开啦·2020-06-24 09:30

Vue 学习笔记1（01-39）（2019.7.28-31）

Vue学习笔记1（01-39）学习地址：https://ke.qq.com/course/279700目录：01-01git下载代码02-27Vue2.x28-39路由精讲40-49Vue-Cli3.050
Allenem·2020-06-24 08:12

VUE学习之------v-show v-if

v-show只是在修改元素的css样式，也就是display的属性值，元素始终在Dom树上，有更高的初始渲染消耗，适合做频繁的额切换；v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点，有更高的切换消耗，不适合做频繁的切换；.isShowStyle{display:block;}.isIfStyle{display:block;}.isIfBtnStyle{display:blo
夜跑者·2020-06-24 06:07

Vue 学习笔记 - 基础（下） 组件基础

Vue学习笔记-基础（下）组件基础基本示例组件的复用组件的组织通过Prop向子组件传递数据单个根元素监听子组件事件在组件上使用`v-model`通过插槽分发内容动态组件通过已注册的组件名字通过组件选项对象解析
笑虾·2020-06-23 23:58

Vue 学习笔记 - 基础（中）

Vue学习笔记-基础（中）条件渲染`v-if``v-show``v-if`vs`v-show`v-if与v-for一起使用(在同一标签上)列表渲染`v-for`遍历数组`v-for`遍历对象维护状态数组更新检测变更方法替换数组注意事项显示过滤
笑虾·2020-06-23 23:58

Vue 学习笔记 - 基础（上）

VUE学习笔记-基础（上）安装VueDevtools直接用＜script＞引入命令行工具(CLI)介绍Vue实例模板语法`{{}}`：文本插值`v-html`：插html`v-bind`指令：绑定属性`
笑虾·2020-06-23 23:58

Vue 学习笔记 - 深入了解组件

Vue学习笔记-深入了解组件组件注册组件名组件名大小写全局注册局部注册模块系统在模块系统中局部注册基础组件的自动化全局注册PropProp的大小写(camelCasevskebab-case)Prop类型传递静态或动态
笑虾·2020-06-23 23:58

Vue学习看这篇就够

转载自：https://juejin.im/entry/5a54b747518825734216c3dfVue-渐进式JavaScript框架介绍vue中文网vuegithubVue.js是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别？Library库，本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者代表：jQu
ivan820819·2020-06-23 20:49

Vue学习-Promise的使用

Promise的三种状态pending：等待状态，如果正在进行网络请求，或者定时器没有到时间fulfill：满足状态，当我们主动回调了resolve时，就处于该状态，并且会回调.then()reject：拒绝状态，当我们主动架回调了reject时，就处于该状态，并且会回调.catch()newPromise((resolve,reject)=>{//模拟网络请求setTimeOut(functio
软件技术开发·2020-06-23 19:00

vue学习笔记（一）

vue学习笔记（一）1.开始一个vue的实例通过script标签引入vue文件或者：在html中创建一个VUE实例Documentvarapp=newVue({el:'#app',//vue会自动查找相匹配的元素
不秃头的赖·2020-06-23 16:10

vue框架简介

vue学习资源vue.js中文官网：http://cn.vuejs.org/vue.js源码：h
胡椒粉0121·2020-06-23 15:31

Vue学习笔记之嵌套路由

一、嵌套路由实际生活中的应用界面，通常由多层嵌套的组件组合而成。同样地，URL中各段动态路径也按某种结构对应嵌套的各层组件，例如：/user/foo/profile/user/foo/posts+------------------++-----------------+|User||User||+--------------+||+-------------+|||Profile||+-----
WebKoalaBoy·2020-06-23 15:14

Vue学习笔记之路由数据获取

数据获取有时候，进入某个路由后，需要从服务器获取数据。例如，在渲染用户信息时，你需要从服务器获取用户的数据。我们可以通过两种方式来实现：导航完成之后获取：先完成导航，然后在接下来的组件生命周期钩子中获取数据。在数据获取期间显示“加载中”之类的指示。导航完成之前获取：导航完成前，在路由进入的守卫中获取数据，在数据获取成功后执行导航。从技术角度讲，两种方式都不错——就看你想要的用户体验是哪种。导航完成
WebKoalaBoy·2020-06-23 15:14

前端-vue学习-组件、路由、脚手架、Vuex

2、组件2.1组件的基本使用组件使用的基本步骤：（可直接看2.4组件注册写法简化）创建组件构造器注册组件使用组件{{message}}//1、创建组件构造器letcpnContruction=Vue.extend({template:'我是标题'});//2、注册组件Vue.component('my-con',cpnContruction);letvue=newVue({el:'#app',da
哈啊哈铪·2020-06-23 12:58

Vue学习笔记——Vue的坑

1、v-for的坑：vue低版本中data里面的items和computed里面可以一样，但是高版本，是不允许相同名称。2、{{}}和v-text和v-html的坑{{xxx}},这种情况是有弊端的，就是当我们网速很慢或者javascript出错时，会暴露我们的{{xxx}}。Vue给我们提供的v-text,就是解决这个问题的。3、遇到：Modulebuildfailed:Error:Cannot
Stephen-James·2020-06-23 11:42

electron-vue学习(二)：打包配置

所以，本次采用的是electron-vue学习(一)：环境搭建建成的样板项目进行打包练习。其目的是为了排除其他因素的干扰。
varz·2020-06-23 09:06

electron-vue学习(一)：环境搭建

基础环境node：v12.10.0npm：6.10.3版本尽量不要相差太大，否则可能会出现一些版本问题。安装vue-clinpminstall-gvue-cli安装electron-vue样板项目vueinitsimulatedgreg/electron-vue（项目名称）安装相关依赖进入创建好的项目内cd（项目名称）执行安装命令，(在这里很容易出现依赖安装报错问题，原因繁多，出错建议使用cnpm
varz·2020-06-23 09:06

Vue学习02--Vue如何使用axios异步请求后台

Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。特征从浏览器中创建XMLHttpRequests从node.js创建http请求支持PromiseAPI拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF安装本项目是使用IDEA软件打开运行的。安装axios时，直接在Terminal中，加入-D表示将该依赖加入到package.j
fumushan·2020-06-23 09:46
上一页 38 39 40 41 42 43 44 45 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他