vue基础：To

从零开始搭建VUE基础框架

Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。下面看我这个小白如何从零开始搭建一个vue的基础框架吧~~环境：windows,node,np
YuMay2009·2020-06-22 09:07

Vue基础路由,链式编程

事件修饰符:[email protected]阻止事件冒泡(需要阻止那个标签的冒泡就将修饰符加到该标签的事件中)[email protected]阻止事件默认行为[email protected]事件捕获模式[email protected]只有事件是通过自身被触发是调用事件处理函数(冒泡跟捕获都不会触发该事件)[email protected]如果绑定事件的标签不是原生HTML是第三方组件,打多数情况下事件绑定不成功,这时候需要
YangL666·2020-06-22 09:43

vue基础知识--axios合并请求和slot

一、axios合并请求exportdefault{data(){return{}},created(){functiongetMsg(res1,res2){console.log(res1)console.log(res2)}this.$axios.all([this,axios.post('URL','key=value'),this.axios.get('URL')]).then(this.$
·2020-06-22 08:03

Vue基础（条件渲染）

v-if（1）在字符串模板中，比如Handlebars，我们得像这样写一个条件块：{{#ifok}}Yes{{/if}}在Vue中，我们使用v-if指令实现同样的功能：Yes也可以用v-else添加一个“else块”：YesNo在元素上使用v-if条件渲染分组因为v-if是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个元素当做不可见的包裹元素，并在上面使用v-if
Vivianluolita·2020-06-22 07:57

（.NET进阶四十九）vue基础使用

前端流行框架Vue学习1.初识Vue1.1Vue是什么简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。简单小巧：vue.js压缩后大小仅有17k渐进式：可以根据需要来使用vue.js的东西，这是开发者喜爱vue的主要原因之一使用vue.js开发可以让Web开发变得简单，同时也颠覆了传统前端开发模式。它提供了现代Web开发中常见的高级功能，如：解耦视图与数据可复用的组件前端路由状态管理1.2M
Tiger_shl·2020-06-22 06:55

微信小程序部署到uniapp详细步骤

问这些问题可能对于行家来说都有些见到到不知道怎么表达了，由于我也是新手，才接触uniapp不久，我记得入手部署第一个项目的时候还是公司的研发产品，瞬间就方了，不过好在我有vue基础，看懂原理之后部署就很快了
我忙着可爱呢呀·2020-06-22 06:34

vue响应式原理源码：带你一步精通vue

本文需要有一定vue基础，并不适合新手学习。在文章最后附有vue学习链接。因为本文用到了很多知识点，在文章最后也有相关知识点链
爱编程的小和尚·2020-06-22 02:10

vue基础

新建vue实例newVue({el:'#app',router,template:''components:{App}})el:'#app'可以换成newVue().$mount("#app")template:''components:{App}可以替换成renderrender:h=>h(App)相当于render:function(h){returnh(App);}返回值h对app渲染其实t
noyanse·2020-06-21 20:45

Vue.js 快速入门 (一) —— Vue基础

记录自己学习Vue.js的过程，如果有什么地方写的不好或者写错的，欢迎探讨和指正。Vue.js快速入门(二)——Vue常用指令Vue.js快速入门(三)——Vue本地应用Vue.js快速入门(四)——Vue网络应用目录Vue简介第一个Vue程序el：设置挂载点data：数据对象简介Vue.js官网:https://cn.vuejs.org/Vue.js介绍以及起步:https://cn.vuejs
郑大鱼·2020-06-21 16:23

Vue全家桶之Vue基础(1)

目录1.目标2.Vue概述3.Vue基本使用4.Vue模板语法4.1指令4.1.1v-cloak指令用法4.1.2数据填充的三个指令4.1.3v-once指令的使用4.1.4双向数据绑定指令4.1.5事件绑定4.1.6属性绑定4.1.7绑定内联样式4.1.8分支结构4.1.9循环结构5.基础案例5.1Tab选项栏演示效果5.2案例:实现步骤5.3示例代码1.目标通过本文，读者可以掌握以下的相关技能
Amo Xiang·2020-06-21 14:15

Vue学习官网和Vue的书籍 目录结构

Vue基础知识学习网站【中文】https://cn.vuejs.org/v2/guide/Vue路由知识学习网站【中文】https://router.vuejs.org/zh/guide/Vuex更为复杂的
weixin_34221073·2020-06-21 11:04

轻松上手vue+element-ui+Vuex后台管理系统

minxiang51574.github.io/vue-admin/github地址：github.com/minxiang515…前言vue-admin是一个Vue+element-ui+vuex的后台管理模板，对于有vue
weixin_33737774·2020-06-21 10:50

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
上一页 26 27 28 29 30 31 32 33 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他