Vue基础

vue基础之事件总线（非父子组件传值通信）

一、说明事件总线其实就是一种非父子关系的通信方式二、语法如下（1）给vue的原型上挂载一个vue实例Vue.prototype.bus=newVue()（2）发送事件，发送数据this.bus.$emit('事件名',数据)（3）监听事件，获取数据this.bus.$on('事件名',(数据)=>{//对数据进行操作})三、案例代码Document#root{display:flex;justif
吃鲨鱼的小猫·2020-06-21 06:26

（前端小白）从想从事前端开发岗到现在的一个月，我都做了些什么&&未来的打算

这一个月我都做了什么学习前端技术,拓展技能树制定自己近期的规划学习HTML和CSS学习JavaScript以及JavaScript（ES6）CSS&HTML&JavaScript推荐书籍/网站学习Vue全家桶Vue
fitor315·2020-06-21 01:17

vue基础之在vue中使用axios

vue中的axios一、分类二、使用get，post，put，patch，delete，以及并发请求三、实例、拦截器、错误处理一、分类get:请求数据post：提交数据put：更新数据（所有的数据都推送到后端）patch：更新数据（只推送更新的数据到后端）delete：删除数据二、使用get，post，put，patch，delete，以及并发请求get//getaxios.get(url,{pa
吃鲨鱼的小猫·2020-06-20 21:58

vue基础

node命令i是install的简写-g是全局安装-S与--save的简写，安装包信息会写入dependencies中-D与--save-dev的简写，安装包写入devDependencies中dependencies生产阶段的依赖,也就是项目运行时的依赖devDependencies开发阶段的依赖，就是我们在开发过程中需要的依赖，只在开发阶段起作用的npmlist#列出已安装模块npmshowe
刘前端·2020-06-18 14:29

Java程序员入门Vue基础（一）

文章目录1.为什么要学习VUE2.Vue的架构3.HelloWorld4.VUE-devtools1.为什么要学习VUE最近公司的领导让我抽空学习一下VUE，下一个项目要用到它。这么多年开发中也知道有VUE这个东西发展很迅猛，基本上国内的互联网企业用VUE的越来越多，而且面试招聘中也要求熟练和使用VUE的需求。2.Vue的架构在学习VUE之前了解过其是一个MVVM模型架构，JAVA程序员一定对MV
codegeekgao·2020-06-17 20:45

Vue系列(二):Vue基础语法

Vue基础语法内容概述插值操作绑定属性计算属性事件监听条件判断循环遍历阶段案例v-model一.插值语法1.1.Vue的template代码规范平常我个人习惯是缩进四个空格，但是大型的框架(比如Vue)
songstar·2020-06-16 11:17

Vue基础（代码片段、表单输入绑定、简单的购物车案例）

■目录代码片段的好处（效果：快速生成代码的，好处：加快项目开发）表单输入绑定/双向绑定的概念&相对JQ的优势一、代码片段明确需求思考：创建vm对象前都要复制vue库地址，然后每次都要写newVue麻烦不麻烦肯定麻烦解决：通过代码片段（给大家讲解的是vscode编辑器的代码片段，如果你是其他编辑器百度吧~~概念代码片段就是提前准备好一段代码，然后通过简单的命令生成实现步骤1：ctrl+shift+p
菜鸟_小卡酷谋·2020-05-30 21:51

从零起步学VUE

文章目录简介安装vue基础语法官网：https://cn.vuejs.org简介Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式js框架。
思无邪心飞扬·2020-05-29 08:43

Vue基础（组件基础）

Vue组件组件的特点•每个组件就是一个自定义标签•可复用性•方便维护•方便拆分•每一个VUE组件都是一个独立的个体（独立的vue实例），作用域隔离（互不干扰），有完整的生命周期，有自己的响应式数据和各种方法（事件）•能够实现组件的嵌套：需要掌握组件之间的信息通信组件命名规范•组件名字单词首字母大写PasalCase•以横线作为分隔符kabab-case•不能使用内置的标签名作为组件名称•调取组件的
weixin_45368324·2020-05-27 10:36

Vue基础（父子组件数据同步）

父子组件数据同步组件双绑的实现案例0-1：Documentconstcomponent={props:["value"],template:``,methods:{handleInput(e){this.$emit('input',e.target.value)console.log(e.target.value);}}}newVue({components:{CompOne:component}
weixin_45368324·2020-05-27 10:37

Vue基础：使用Vue.extend()实现自定义确认框

问题背景前端交互中经常使用确认框。在删除、修改等操作时，调用后端接口之前，先跳出弹框显示提示信息，提示用户确认，避免用户误操作。项目中全局引入了ElementUI，提供了一套模态对话框组件，用于消息提示、确认消息、提交内容，使用起来也非常简便。（什么是“模态”？可将其理解为：特定条件触发之后产生的）以下来自于element官网文档：如果你完整引入了Element，它会为Vue.prototype添
Ygria·2020-05-24 08:00

Vue基础语法——01-插值操作，绑定属性，计算属性及let和var，const关键字，对象字面量增强写法

目录插值操作Mustache（胡子/胡须）语法v-oncev-htmlv-textv-precloak绑定属性v-bind指令绑定class有两种方式：计算属性基础补充块级作用域——let和varconst关键字对象字面量增强写法（简化）：事件监听条件判断循环遍历阶段案例v-model插值操作将data中的文本数据，插入到HTML中Mustache（胡子/胡须）语法可以通过Mustache（胡子/
壹业·2020-05-22 13:18

vue基础

一、计算属性与方法比较计算属性：Computedreversedmessage:"{{reversedMessage}}"computed:{//计算属性的getterreversedMessage:function(){//`this`指向vm实例returnthis.message.split('').reverse().join('')}}方法：Reversedmessage:"{{reve
Sun____·2020-05-14 22:23

Vue新手上路记录

本文用于记录本人学习vue时遇到的一些问题以及解决方案1.vue基础语法,老老实实的看看文档,如果有小程序开发经历,那应该很快就上手了vue教程文档传送门https://cn.vuejs.org/v2/
梦想路上的小菜鸟·2020-05-13 15:13

菜鸟的Vue基础快速入门

菜鸟的Vue快速入门说明一、前期准备二、常用方法demo案例if-elsefor循环事件绑定异步请求（axios）组件基础表单属性绑定计算属性插槽自定义内容转发三、补充说明本文参考了主要整理了一些Vue常用语法，给出相应代码，存在有大量不足的地方，建议参考Vue官网文档进行学习注意：本文仅为记录学习轨迹，如有侵权,联系删除一、前期准备工具采用idea2019，开始前下载Vue.js插件设置vue新
最强菜鸟·2020-05-03 15:13

vue基础学习

学习vue基础个人简介：自我介绍：我是一个后端小白，更是一个前端小白原因：应公司需要学习vue。写博客的目的：督促自己好好学习，打卡！
Mancix·2020-05-01 23:22

Vue基础：子组件抽取与父子组件通信

在工作中承担一部分前端工作，主要使用Vue+ElementUI。随着版本迭代，需求增加，页面往往变得更加臃肿，不易维护。学习子组件的封装和抽取，能更好适应需求。为什么需要子组件可复用将重复出现的元素封装成组件，可以灵活运用到各个页面中，避免重复劳动。易维护每个组件相当于独立的功能组件。独立的组件结构可以让其他开发者快速定位到每个页面元素所对应的事件方法、样式表，并在修改该组件时不影响其他页面的功能
Ygria·2020-04-26 16:00

Vue全家桶+SSR+Koa2全栈开发美团网(学习笔记)

第二章(vue基础)自
carrot_lsp·2020-04-14 13:54

Vue基础知识总结

vue.js是一套构建用户界面的渐进式框架，与其他框架不同的是，vue采用的是自底向上增量开发的设计this在使用vue开发的过程中，this的指向让我吃了不少亏。所有的生命周期钩子自动绑定this上下文到实例中，因此可以通过this访问数据，对属性和方法进行运算操作。不能使用箭头函数来定义一个生命周期方法，因为箭头函数绑定了上下文，因此this的指向和你期待的vue实例不一样。遇到过的坑，使用s
GpingFeng·2020-04-14 03:59

Vue基础

核心：1、Vue.js是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM系统2、在编写代码时，你不需要关注DOM操作，只需要关注逻辑层面即可。3、组件系统。示例：//注册一个“todo-item”Vue组件Vue.component('todo-item',{props:['todo'],template:'{{todo.text}}'})//{{var}}差值表达式varapp7=newV
大锤在学习·2020-04-13 06:52

vue基础复习-课时09

目录表单输入模板语法表单输入双向绑定单行文本Messageis:{{message}}多行文本Multilinemessageis:{{message}}单复选框{{checked}}多复选框JackJohnMikeCheckednames:{{checkedNames}}data:{checkedNames:[]}单选按钮OneTwoPicked:{{picked}}newVue({el:'#e
一点金光·2020-04-11 03:40

vue基础知识(十)——fetch、axios、async/await

一.fetch概述1.基本特性更加简单的数据获取方式，功能更强大、更灵活，可以看做是xhr的升级版基于Promise实现2.语法结构fetch(url).then(fn2).then(fn3)....catch(fn)3.fetch的基本用法通过调用fetch的API——data.text()来获取数据，但是因为这个API返回的是Promise对象，故而把它return出去，然后在下一个.then
一只没有感情的小杀手·2020-04-10 11:50

Vue基础入门

理解MVC（数据层和表现层）的使用逻辑使用Vue组件的生命周期和钩子函数使用全局的FiltersSlot、ref、nextTick等属性或方法的使用Watch函数避免数据更改并没有触发视图更新的错误更进阶的使用：mixin、directives等什么是MVCModel负责具体的数据Controller负责根据业务对数据进行操作View负责根据此刻的数据渲染对应的视图MVC示意当我使用MVC模式开发
就换一颗红豆·2020-04-08 12:28

Vue基础小实例 --简单购物车

感觉自己有时候学新的东西就会忘记之前学过的。Vue实现一个购物车，主要实现了增加数量，减少数量，移除数据，结算等功能，完成图如下：主要说一下思路：1.使用一个数组作为一个图书信息的一个整合，展示直接for循环展示2.图书数量的增加可以无限，但是减少到1就停止，去掉减少这个按钮，可以使用v-if3.移除按钮，直接删除掉数组中的整个对象，按钮，考虑方法methods4.结算，当前的数组中所有价格和数量
拦截·2020-04-07 23:28

VUE （入门）

标签（空格分隔）：听课一、vuejs及相关工具介绍1.1学习收获了解一个中度复杂规模的应用开发掌握Vue.js的高级应用学会组件化、模块化的开发方式了解类原生App体验交互的实现原理1.2vue基础结构
lvyweb·2020-04-06 08:10

第二天_vue基础语法_Vue.js2.0+Node+ES6+MongoDB全栈系统学习

模板语法mustache语法:{{msg}}msg需要在data里面定义html赋值:v-html=""绑定属性:v-bind:id=""使用表达式：{{ok?'yes':'no'}}文本赋值：v-text=""指令：v-if=""过滤器{{msg|capitalize}}和v-bind:id="rawld|formatId"class和style绑定对象语法：v-bind:class="{act
木偶_沐·2020-04-03 03:38

vue基础指令学习

Title//定义一个todo-item组件Vue.component('todo-item',{//props属性，定义子组件可以接收的参数以及类型和默认值，通过属性绑定的方式就可以传入参数，//下文的:title="item.title":del="item.del"props:{title:String,del:{type:Boolean,default:false}},//data属性用于
测试轩·2020-04-01 10:00

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十九║Vue基础: 样式动态绑定+生命周期

回顾哈喽大家好，前后端分离系列文章又开始了，今天周一，还是感谢大家花时间来观看我写的博客，周末呢，没有写文章，但是也没有闲着，主要是研究了下遗留问题，看过之前文章的应该知道，之前的在AOP使用Redis缓存的文章里，遗留了一个问题，周末苦思冥想还是不得其法，想了一个馊主意，但是肯定不是最终解决方案，感兴趣的可以看看，地址《框架之十一||AOP自定义筛选，Redis入门11.1》，然后呢，剩下的时间
SAYLINING·2020-03-31 04:54

Vue源码阅读(一)

但是更多的开发者都停留在组件的搬运和浅显的Vue基础使用，没有深究Vue本身所蕴含的思想和实现原理。
一许青衫一·2020-03-28 16:10

第2章 vue基础语法

1.简介Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统，区别于JQuery的DOM树操作，Vue更多的是将数据与DOM进行双向绑定。Vue另一个重要概念是
yangsg·2020-03-25 10:35

vue开发组件设置*.vue文件模板

vue基础组件开发要求目标：1、可移植；2、快速安装vue业务组件开发模板//组件代码{{$t(i18nSource.btnText)}}/***@fileOverview模块描述*@author姓名*
SanY_cjp·2020-03-22 13:57

vue基础知识

vue特点:1)vue是一套构建用户界面的渐进式框架(mvvm)2)轻便,入门容易,渐进式步骤:1、引用文件。2、window主要是为了获取元素,如果不用放在代码下面。3、写法：newVue（{el:''data:{msg,arr},methods:{}）4、指令：v-model=""v-for="vinarr"v-for="(i,v)inarr"$indexv-for="(k,v)injson"
zhang南方有嘉木·2020-03-19 12:16

Vue-cli

什么是Vue-cliVue-cli是Vue的脚手架工具，能够帮助我们写好Vue基础代码的工具，它能够帮助我们搞定目录结构，本地调试，代码部署，热加载，单元测试等工作。
A你叫阿钧·2020-03-18 23:09

利用虚拟dom提升优化页面渲染

应用背景组里使用的前端框架View模拟Vue基础功能（为了在ie78中使用），同时跟移动端运用的Vue写法相似，可以提高开发效率。
_陈慧敏·2020-03-13 19:51

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十二║Vue实战：个人博客第一版

前言今天正式开始写代码了，之前铺垫了很多了，包括6篇基础文章，一篇正式环境搭建，就是为了今天做准备，想温习的小伙伴可以再看看《Vue基础入门+详细的环境搭建》，内容很多，这里就暂时不复习了，今天呢，咱们就说说用昨天创建的空项目来搭建一个简单的个人博客系统
SAYLINING·2020-03-12 15:29

VUE

一.vue基础1.在vue组件中，template标签下只能有一对根标签.2.router-view标签默认指向router文件夹下的index.js3.在组件中：，这里的scoped,会限制该标签中的样式只针对当前组件生效
果果不正常·2020-03-12 06:51

vue基础

模版语法文本(输出变量)Message:{{msg}}原始HTML(输出html标签)特性(添加变量id名)表达式(必须是一句话，且必须有返回值){{number+1}}{{ok?'yse':'no'}}{{message.split('').reverse().join('')}}指令现咋子你看到我了修饰符(prevent阻止默认行为，如跳转)...缩写......---------------
web前端攻城狮·2020-03-11 05:52

vue框架深度解析之vue基础

Vue实例Vue实例创建和作用constapp=newVue({//el:'#root',template:'{{text}}',data:{text:'text'}})app.$mount('#root')--1.app.$data->所有data的数据[obj](app.data)--2.app.$props->所有props的数据[obj]--3.app.$el->vue组件挂载到dom上的
胖太_91bf·2020-03-07 12:09

VUE基础知识

1.1声明渲染{{message}}在浏览器控制台输入app.message=“newmessage”可以直接看到页面的更新效果1.2v-bind绑定DOM的元素的属性1.3条件指令v-ifv-show1.4循环指令v-for1.5用户的输入v-on监听按钮事件v-model监听input的输入注意:v-model的双向数据绑定和angularjs不一样
changlinwang·2020-03-07 02:23

vue基础 - sync

官文https://cn.vuejs.org/v2/guide/components.html实例父组件等同data1=val">这两种写法都可以子组件watch:{items(val){this.tableData=val},tableData(val){this.$emit('update:items',val)}},computed:{},data(){return{tableData:[]
会煮咖啡的猫咪·2020-03-02 16:55

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十四║ Vuex + JWT 实现授权验证登陆

系列就基本告一段落了，大家也好好加油鸭，今天将的内容呢，其实细心的你看到题目应该就能大家猜到了，前提是一直看本系列的小伙伴们，包括之前.netcore部分，这里先简单说下上周咱们都说了什么：周一：《十九║Vue
SAYLINING·2020-03-02 02:50

Web开发大本营周末提高班说明

没有确定的结束日期学习方式课程内容按大家意愿先后安排，紧急同学可小灶每周一天（周日），考虑大家加班和休息每次课程6课时，课程知识量足够课程轮回讲授，一期没学好，还有下一期入学即加入学习群，享受技术支持/代码服务学习内容包括但不限于：Vuevue
Web开发大本营·2020-02-26 07:32

vue介绍 ~ 之官网 （这个需要整合对应的vue基础等重叠内容）

Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架（1）Vue采用自底向上增量开发的设计；何为：自底向上???Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。（2）Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。https://github.com/vuejs/awesome-vue#libraries--pl
墨子幻·2020-02-24 18:22

Vue基础知识

Vue.js是什么Vue.js是一个渐进式javascript框架，渐进式就是由浅入深、由简单到复杂的方式去使用Vue.js。Vue的核心是一个允许采用简洁的模版语法来声明式地将数据渲染进DOM的系统。Vue有响应式和双向绑定特性。响应式就是修改data中的数据，视图的数据也会发生改变，双向绑定是针对表单元素，比如文本框中输入的数据发生改变视图的数据也会改变。组件化应用构建：组件系统是Vue的另一
A郑家庆·2020-02-19 13:09

学习记录-三月

感想：内容列表名字|链接|介绍vue基础|https://cn.vuejs.org/组件-fetch|https://github.com/github/fetch|基于promise的ajax组件ES6
贱人小明·2020-02-19 10:20

三十分钟学会使用VUE搭建单页应用(SPA) 上

今天我们将学习如何用VUE构建一个简单的单页应用(SPA)如果没有其他特殊声明，此教程中的VUE全部指的是VUE2.X版本预览让我们先看看最终的的单页程序是什么样子的成果阅读本教程之前希望你能有如下的基础知识：VUE
Taylor111·2020-02-17 17:00

39元让你月薪过万

该课程将会包括以下内容：1.Vue基础、Vue周边生态及ES62.Express及MongoDB开发3.Vue状态管理工具VueX4.Webpack5.项目整体开发流
钱塘风华·2020-02-15 07:15

手机调试、webview跳转、vue基础

前言实习一周，学到很多东西，技术上的，心态方面的，还有时间管理方面等等。我想，我会很怀念这一周的。技术上总结公司前端主要的技术栈是vue和mui，vue自己之前不熟悉，也是慢慢在学习之中（这对自己来讲，是一个锻炼的机会，也是一个很大的挑战）。mui之前也没有接触，所以还是很大的难度的。mui手机端调试ctrl+r快捷键为运行和停止，可以直接使用数据线连接手机进行调试，一开始自己的手机不行，后来又一
GpingFeng·2020-02-15 02:51

Vue基础入门——概述+语法

文章目录Vue1概述1.1vuejs入门1.2MVVM模式1.3前期准备1.4入门案例2语法2.1插值表达式2.2VueJS常用系统指令1v-on2事件/按键修饰符3v-text,v-html,v-bind4v-for5v-model3生命周期4axios的ajax异步请求5综合案例Vue1概述1.1vuejs入门Vue.js是一个构建数据驱动的web界面的渐进式框架。目标是通过尽可能简单的API
莫小夕儿呀·2020-02-13 16:03

前端Vue面试题笔试题

目录：前端HTML+CSS笔试题面试题前端JS笔试题面试题前端小程序笔试题面试题Vue基础必备1、v-show与v-if区别1、v-show是css切换，v-if是完整的销毁和重新创建。
蛙哇·2020-02-13 06:17
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他