vue学习

Vue学习总结

Vue基础指令：插值表达式：语法：{{要插入的值}}，此时相当于占位符，到时候{{关键字}}会被替换成Model中的数据bug点：当网速较慢时，Vue初始化未完成时，插值表达式不能被解析，会直接显示出来，加载完毕之后又会被替换成真实结果，造成闪烁（Vue的加载代码写在HTML元素之后时会出现该bug）1.v-cloak指令：语法：把它当作HTML元素的一个属性使用示例：{{msg1}}特点：当Vu
java—explore·2020-06-29 14:49

vue学习笔记之路由守卫触发流程梳理

路由守卫触发流程梳理路由守卫概括来说可以分为全局路由守卫、路由独享守卫和组件内路由守卫。本次笔记将梳理一下当路由发生改变时各个路由钩子触发的顺序，帮助更好的理解路由机制。路由触发的流程我分为了两类：一类是不同组件（组件A跳转到组件B）的路由跳转流程。另一类是复用组件的路由跳转流程（组件A包含动态路由参数，只改变组件A的动态路由参数触发的路由跳转流程，示例：name/:id,只改变id的值来触发路由
紫色小衬衣·2020-06-29 12:05

Vue超详细知识讲解

Angular学习成本太高React代码可读性差Vue学习成本较低很容易上手传送门https://cn.vuejs.org/v2/guide/compa
一纸荒凉 * Armani·2020-06-29 11:51

Vue学习总结（三）：webpack和vue-cli

webpackWebpack是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。中文官方网站：https://www.webpackjs.com/官网给出的解释：本质上，webpack是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。当webpack处理应用程序时，它会递归地构建一个依赖关系图(dependencygraph)，
devp_yang·2020-06-29 08:48

Vue学习过渡动画trasition,和v-pre，v-text,v-colck,全局自定义指令，局部自定义指令，inserted，bind

什么是过渡&动画元素在显示和隐藏时，实现过滤或者动画的效果。常用的过渡和动画都是使用CSS来实现的在CSS中操作trasition（过滤）或animation（动画）达到不同效果为目标元素添加一个父元素,让父元素通过自动应用class类名来达到效果过渡与动画时，会为对应元素动态添加的相关class类名：xxx-enter：定义显示前的效果。xxx-enter-active：定义显示过程的效果。xx
捡黄金的小男孩·2020-06-29 08:22

vue学习笔记：用vue来写一个todolist，并且在vue中封装一个js，在组件中调用

今天我要实现的是一个简单的可以在本地进行缓存的todolist待办事项功能，例如网上的待办事项：http://www.todolist.cn/，可以根据自己的需要进行添加、删除和改变事项的状态，下面我们就用vue来实现这个功能。我们使用的vue-cli搭建的一个项目，在app.vue根组件进行编写，这样就不用创建路由进行跳转了，具体实现如下：组件html模板：进行中{{item.title}}--
落花别有意 流水似无情·2020-06-29 06:29

vue最好的教程 30分钟学会,学不会你打我

安装(引用Vue)直接引入script就行了,代码如下:Vue学习测试{{message}}点击调用showMsg方法//点击事件选项一选项二//选择事件newVue({el:'#app',data:{
努力的大黄蜂·2020-06-29 06:14

学习不一样的vue实战(2): 项目分析

首先首发博客:我的博客项目源码:源码(喜欢请star)项目预览:预览上一章:《学习不一样的vue(1)实战:环境搭建》我的Q群:meteor高手群vue学习交流群(607265412)项目分析2.1需求分析首页我们拿到一张原型设计稿
yang_子义·2020-06-29 05:05

24vue学习——vue的组件的基础学习（组件化和模块化的区别）

24vue学习——vue的组件的基础学习（组件化和模块化的区别）前言我们前面学习很多关于vue的知识了，下面让我们来学习vue中一个重要的知识点——组件。这篇文章我们就来看看组件到底是什么吧。
0563xixi·2020-06-29 05:30

《Vue学习系列之一》vue项目中安装和使用axios

vue项目中安装和使用axios现在前后端分离是一种主流，使用vue-cli构建vue工程，最简单的一种方法就是安装nodejs，创建vue工程。1.nodejs安装参考自百度经验。//TODO2.vue项目中安装和使用axios这一部分直接copy的https://www.jianshu.com/p/cbb42e5cc521的文章，在此表示感谢。文章为请求https://api.douban.c
guo_xiaozhong·2020-06-29 04:43

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#[Object]‘的解决方法

发现问题1，运行一下以前的一个Vue+webpack的vue仿新闻网站小项目，报错由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^...^）才找到原因-v-2，点开错误的文件，标注错误的地方是这样的一段代码
selfimpr626·2020-06-29 02:27

VUE 学习路线

分享VUE学习路线前言：原生JS基础较差的可以先去补红宝书，ES6不熟悉的我建议先别接触VUE，先去看完ES6再去学VUE会容易十分多。
Gary-Cheung·2020-06-28 23:06

Vue学习路线图

Vue概述如果你是一名Vue开发新手，可能已经听过很多行话术语，比如单页面应用程序、异步组件、服务器端渲染等等，或者还听说过与Vue有关的一些工具和库，比如Vuex、Webpack、VueCLI和Nuxt。那么究竟什么是Vue，有什么作用？Vue.js是一套用于构建用户界面的渐进式框架，主要用于快速的构建前端界面，与其它大型的前端框架不同，Vue被设计为可以自底向上逐层应用。相比Angular.j
weixin_34138056·2020-06-28 12:03

Vue学习小札——3.0css过渡/动画

helloworld复制代码当一个元素被transition包裹之后，Vue会自动地分析元素的css样式，然后构建动画的流程。显示：在动画即将被执行的瞬间，会往内部的div上自动地增加两个class，分别是fade-enter和fade-enter-active。当动画第一帧执行结束之后，transition这个标签，vue知道它是一个动画效果。vue会在动画运行到第二帧的时候，vue会把之前的f
weixin_33937778·2020-06-28 08:19

Vue学习-组件的基本使用（局部组件）

目录示例代码1.创建组件（构造器对象创建-Vue.extend）2.注册组件3.使用组件4.语法糖创建并注册组件示例代码：http://jsrun.net/kTvKp/edit5.模板分离写法示例代码：http://jsrun.net/4TvKp/edit方法一：使用script标签方法二：使用template标签示例代码http://jsrun.net/H8vKp/edit1.创建组件（构造器对
软件技术开发·2020-06-27 23:00

Vue学习笔记

vue.js过渡效果在选择使用过度效果来设置元素的出入时，要注意的问题el元素绑定的标签必须包含其他的受控内容，例如：Togglerenderhello*需要注意的是，v-if或v-show两个标签必须在transition内VUX在组件上绑定时间要使用v-on:click.native="todo"
Rio2017110·2020-06-27 22:06

Vue学习-组件的基本使用

目录示例代码1.创建组件（构造器对象创建-Vue.extend）2.注册组件-Vue.component3.使用组件4.语法糖创建与注册组件示例代码http://jsrun.net/c8vKp/edit1.创建组件（构造器对象创建-Vue.extend）constcpnC=Vue.extend({template:`我是标题这里是内容`})ES6定义字符器用"`"定义的字符串，可以换行2.注册组件
软件技术开发·2020-06-27 16:00

vue.js和angular.js的特点与比较

一个mvvm框架(库)、和angular类似比较容易上手、小巧mvc的种类（mv*的统称）:1.mvp2.mvvm3.mvxVue学习官网:http://cn.vuejs.org/手册：http://cn.vuejs.org
新手新思路新技能·2020-06-27 05:14

vue学习（二）：组件化开发

首先看看vuedemo的入口函数main.js//TheVuebuildversiontoloadwiththe`import`command//(runtime-onlyorstandalone)hasbeensetinwebpack.base.confwithanalias.importVuefrom'vue'//引入vueimportAppfrom'./App'//引入src目录下的App.
徐楠_01·2020-06-27 00:00

vue学习小结（一）-环境配置

前端编辑器webStormVisualStudioCode开发环境node.jsnvm工具npm其实是Node.js的包管理工具（packagemanager）。第一步：下载nvmgithub上下载最新版本https://github.com/coreybutler/nvm-windows/releasesnvm-noinstall.zip：这个是绿色免安装版本，但是使用之前需要配置nvm-set
洛小喵·2020-06-26 22:19

Vue学习--组件通信

组件实例的作用域是孤立的，这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。但是父子组件之间需要通信：父组件要给子组件传递数据，子组件需要将它内部发生的事情告知给父组件。在Vue.js中，父子组件的关系可以总结为propsdown,eventsup：父组件通过props向下传递数据给子组件，子组件通过events给父组件发送消息。1、子组件中通过props接收父组件的参数        
Trajec_Tory·2020-06-26 18:41

Vue进阶（一）：Vue学习资料汇总

Vue开发环境搭建(Windows)nodejs官网下载安装包；安装好之后，在cmd命令行窗口查看相应node、npm版本信息node-v//显示node版本npm-v//显示npm包管理器版本安装vue-cli脚手架构建工具npminstall--globalvuecli在VueJs目录下，运行命令vueinitwebpackfirstVue其中，webpack是构建工具、模块打包器，也就是整个
No Silver Bullet·2020-06-26 15:42

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
上一页 37 38 39 40 41 42 43 44 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他