vue基础：To

前端之vue基础学习第二天

四.过滤器概念：Vue.js允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache插值和v-bind表达式。过滤器应该被添加在JavaScript表达式的尾部，由“管道”符指示；1.私有过滤器1.基本格式（1)定义一个私有过滤器私有局部过滤器，只能在当前VM对象所控制的View区域进行使用在vm2中定义过滤器的时候，虽然它加了s，但是它也是对象，不是数组varv
柚稚zr·2020-08-19 17:36

vue基础学习第二天

品牌管理案例添加新品牌删除品牌根据条件筛选品牌1.x版本中的filterBy指令，在2.x中已经被废除：filterBy-指令{{item.id}}{{item.name}}{{item.ctime}}删除在2.x版本中手动实现筛选的方式：筛选框绑定到VM实例中的searchName属性：输入筛选名称：在使用v-for指令循环每一行数据的时候，不再直接iteminlist，而是in一个过滤的met
伍伍怀·2020-08-19 15:37

vue基础二

数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax(四部曲，一般需要我们结合Promise去封装，使用不是很便利，但是效率很高)fetch(本身结合了Promise,并且已经做好了封装，可以直接使用)使用格式：使用别人封装好的第三方库目前最流行的，使用率最高的是axiosvue中我们最常使用的vue1.x的版本提供了一个封装库vue-resource,但
Duxiangtao·2020-08-19 07:32

Vue基础（Class与Style绑定、axios&fetch数据请求、计算属性computed、侦听器watch常用于搜索）

■目录class与style绑定（以前属性值写固定的，现在放变量模型中的数据v-bind升级版）todo是啥，todolist是啥使用axios和fetch作用&区别计算属性和侦听器应用场景&区别（其实就是普通方法升级版）一、Class与Style绑定概念标签class属性style属性希望这两个属性的值使用模型数据v-bind但是不够用得用升级语法vue针对于这个两个属性单独定的规则明确需求比如
菜鸟_小卡酷谋·2020-08-19 07:35

vue学习笔记记录-慕课网《vue2.5入门》黑马程序员《VUE开发小程序》

开发小程序》写在前面：已经有一定的html，css，JavaScript的基础，学习vue为了更好地开发，写了一些基础上的笔记，为了以后复习查阅文章目录vue学习笔记记录-慕课网《vue2.5入门》1、vue
yezhengjie·2020-08-18 23:45

vue基础入门必备

一、Vue是什么？Vue.js是一套构建用户界面的渐进式框架，一款非常优秀的前端javascript框架，类似于jQuery的功能职责，它帮你去处理DOM,不需要你去操作DOM,Vue是一个更高级的模板引擎，彻底帮你解放了DOM操作。它不是UI样式框架由中国人尤雨溪开发可以轻松构建SPA（SinglePageApplication）应用程序（单页面应用），不仅仅是vue，react、angular
浅笑0104·2020-08-18 21:14

vue基础

没实践之前总是只知道一点皮毛，似懂非懂，实践之后自己对vue有了更加深刻的认识。内部指令：基本1、v-if/v-else和v-show：v-if用来判断是否加载html的DOM：用法v-if=“XXX”（XXX在data中）v-show用来调整css中的display属性，DOM是已经加载出来了的，只是css控制没有显示出来。区别：v-if：判断是否加载，可以减轻服务器的压力，在需要的时候加载。v
CoCoManYY·2020-08-18 21:34

Vue基础之todolist(localstorage组件封装及生命周期函数)

实现功能：1.输入框输入商品后回车添加信息至商品；2.点击商品下的checkbox添加商品至购物车；3.每项商品或购物车带有删除功能，可直接删除商品；4.页面刷新后信息不变，即商品信息及购物车信息不变。app.vue代码商品---{{item.title}}---删除购物车---{{item.title}}---删除//导入localstorageimportstoragefrom'./model
lemon94924·2020-08-18 20:04

Vue.js框架--vue-cli脚手架安装（一）

三、必背的基础（1）HTML+CSS+JS基础知识（2）必须需要Vue基础知识四、搭建Vue的开发环境打开官网https://cn.vuejs.org/Vue.js教
凌冰_·2020-08-18 20:47

vue基础知识

VUEvue的实例属性$dataVue实例观察的数据对象。Vue实例代理了对其data对象属性的访问。console.log(this.text===this.$data.text);//true$props当前组件接收到的props对象。Vue实例代理了对其props对象属性的访问,在子组件上使用$elVue实例使用的根DOM元素。在子组件上就是子组件的根DOM元素$options用于当前Vue
住C区·2020-08-18 20:42

Vue基础20 换行的处理

Vue中的数据使用{{}}插值插入DOM中，如果数据中含有标签或者换行符\n时，是无法正常被解析为HTML标签的，而是解析为纯文字的要想正常换行有一下几个解决方法：v-html使用v-html会将数据内容作为HTML标签插入到DOM中，这时候就可以用来代替\n进行换行，这个时候就可以换行成功了white-space使用v-html要注意防范XSS攻击，我们也可以直接使用CSS属性来实现换行：将容器
多拉斯基·2020-08-18 20:21

Vue基础学习之慕课网购物车

Vue基础学习之慕课网购物车前言:学习版本2.x,先对着官方文档粗略得撸了一遍,一知半解,然后在慕课网看了下vue基础视频,购物车页面简单应用,https://www.imooc.com/video/14077
Red_Xx·2020-08-18 19:12

Vue基础框架搭建

相信很多人在刚开始学习vue这个框架的时候，最开始搭建开发环境的时候，都会遇到一些大大小小的坑，我之前学习angular的时候搭建过一次，过了一个月后再搭建第二次的时候，竟然有一些混乱，所以今天想整理出来；vue现如今在前端中，是前端工程师比较常用的框架之一，他和angular有一些相似之处，所以用过angular的伙伴们，再来学习vue应该不会感觉太难；一：在搭建vue的开发环境之前，一定一定要
人道山前必有路·2020-08-18 19:01

Vue基础语法回顾

Vue版的helloworld首先，按照传统，我们来写个helloworld。第一个Vue程序{{message}}varapp=newVue({el:"#app",data:{message:"helloworld!"}}){{messge}}中message的内容会被data对象里面message替换我们也可以换种方式写：是和{{message}}等价的都是将内容进行替换同时还有一种更高级的写
夏2同学·2020-08-18 06:36

Vue基础知识以及快速入门&&Element基本使用

VueVue是一套构建用户界面的渐进式前端框架只关注视图层，并且非常容易学习，还可以很方便的与其他库或已有项目整合。通过尽可能简单的API来实现响应数据的绑定和组合的视图组件。特点：易用、灵活、性能佳快速入门Vue核心对象：每一个Vue程序都是从Vue核心对象开始的letvm=newVue({选项列表；})1.导包下载和引入vue.js文件2.编写入门程序。视图：负责页面渲染主要由HTML+CSS
Lp可乐加冰·2020-08-18 05:01

Vue基础语法必知必会

文章目录一.插值操作1.Mustache语法2.v-once指令的使用3.v-html指令的使用4.v-text指令的使用5.v-pre指令的使用6.v-cloak指令的使用二.动态绑定属性1.v-bind的基本使用2.v-bind动态绑定class2.v-bind动态绑定style三.计算属性1.计算属性的基本使用2.计算属性的复杂操作3.计算属性的setter和getter4.计算属性和met
红尘年少·2020-08-18 05:03

vue基础知识整理

每天的练习代码：https://github.com/hhhh25/VUE目录DAY-1MVCMVVMMVC（后端）和MVVM（前端）的区别基本指令事件修饰符遍历方法全局过滤器和私有过滤器DAY-2Vue实例的生命周期1.创建期间2.运行阶段3.销毁阶段过渡类名：写两组类的样式进入过渡：离开过渡DAY-3定义vue组件组件间的切换：DAY-4父子组件之间数据的传递父组件向子组件传值父组件向子组件传
wyh-000000·2020-08-18 05:59

vue基础-组件总结

一，组件细节1，代码测试2，总结二，父子组件传值1，代码测试2，总结三，组件参数检验与非props特性1，代码测试2，总结四，给组件绑定原生事件1，代码测试2，总结五，非父子组件传值1，代码测试2，总结六，vue的插槽（slot）1，代码测试2，总结七，vue的作用域插槽1，代码测试2，总结八，动态组件与v-once指令1，代码测试2，总结一，组件细节1，代码测试vue组件细节组件标签，dom元素
superjunjin·2020-08-18 02:45

vue基础篇实战总结二：开发特殊的数字输入框组件

ok还是一样先把长相弄出来(pug)HTML：.container(style="margin-top:100px").row#My_bt_compnontinput-number(v-model="value")很简单吧！，这个input-number标签就是我的自定义组件，下面js里会有别担心，如果对vue组件和props$emit传值不知道就先去看看书吧链接：https://pan.baid
Snoopy180709·2020-08-18 01:35

vue基础语法

v-on（@）绑定事件v-html、v-text渲染数据v-if、v-show控制显示v-bind（：）v-modelv-for循环渲染1.数据绑定{{2*6}}{{message}}{{isTrue?'YES':'NO'}}varapp=newVue({el:'#app',data:{message:'hello',isTrue:false}})newVue({el:'#root',templa
知知为之之·2020-08-18 00:54

3_vue基础语法

1.准备空项目拷贝上一节写好的工程文件到新的项目目录下，按照目录结构存放这些文件。package.jsonwebpack.config.jsonindex.tplsrc/main.jssrc/components/App.vue后面所有编写的代码都会针对App.vue文件来进行编辑。组织好以后，打开命令行工具，执行cnpmi安装已经在package.json文件中声明的包文件到node_modul
paopao_wu·2020-08-18 00:40

关于mpvue的几个点

API、组件外，因为多了个可组件化component，主要点始终落在app.json、app.wxss、app.js和每个页面和组件的配置上，都是相似雷同的事情，详情移步官方文档相对而已，mpvue是在vue
JyLie·2020-08-17 23:16

Vue基础语法

vue渐进式JavaScript框架参考官网和API文档库+框架（可以灵活使用）高效vue的基本使用基本流程1.提供标签用户填充数据2.引入vue.js文件3.使用vue的语法结构做功能4.把vue提供的数据填充到标签里面实例参数分析：**el:**元素的挂载位置（值可以是css选择器或者DOM元素）**data:**模型数据（值是一个对象，可以存放很多个键值对）**methods:**vue中用
zhhvera·2020-08-17 19:59

vue基础语法学习

vue基础语法vue与react相似之处：以数据驱动视图的前端框架，改变数据，页面视图同时发生改变。
xiaobing_hope·2020-08-17 19:07

vue基础语法

模板语法Mustache语法:{{msg}}html赋值:v-html=""绑定属性v-bind:id=""表达式:{{OK?'white':'black'}}文本赋值:v-text=""指令v-if=""过滤器：{{message|capitalize}}和v-bind:id="rawld|formatld"Class和Style绑定对象语法：v-bind:class=“{active:isAc
MakChiKin·2020-08-17 19:30

VUE基础+ElementUI快速入门

VUE快速入门Vue介绍Vue是一套构建用户界面的渐进式前端框架。只关注视图层，并且非常容易学习，还可以很方便的与其它库或已有项目整合。通过尽可能简单的API来实现响应数据的绑定和组合的视图组件。特点易用：在有HTMLCSSJavaScript的基础上，快速上手。灵活：简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。性能：20kbmin+gzip运行大小、超快虚拟DOM、最省心的优化。Vue
北海怪兽Monster·2020-08-17 18:42

Vue基础知识——特殊的attribute

key：使用key时，它会基于key的变化重新排列元素顺序，并且会移除key不存在的元素。有相同父元素的子元素必须有独特的key。重复的key会造成渲染错误。...它也可以用于强制替换元素/组件而不是重复使用它。当你遇到如下场景时它可能会很有用：完整地触发组件的生命周期钩子触发过渡例如：{{text}}ref:ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果
lucky0han·2020-08-16 16:11

Vue基础知识——常用指令

v-show：带有v-show的元素始终会被渲染并保留在DOM中。v-show只是简单地切换元素的CSSpropertydisplay例如：提交v-if:根据表达式的值的truthiness来有条件地渲染元素。在切换时元素及它的数据绑定/组件被销毁并重建。当和v-if一起使用时，v-for的优先级比v-if更高。例：提交v-else|v-else-if:ABCNotA/B/Cv-for:基于源数据
lucky0han·2020-08-16 16:11

Vue基础指令整理

Vue是一套用于构建用户界面的渐进式框架，Vue被设计为可以自底向上逐层应用，不仅易于上手，还便于与第三方库或既有项目整合，下面是Vue的一些基本指令和用法目录v-textv-htmlv-onv-showv-ifv-bindv-forv-modelv-prev-once基本用法{{message}}{{name}}{{name[0]}}{{name[1]}}{{school}}{{school.n
Captain.Y.·2020-08-16 09:13

VUE基础-实例挂载

vue实例实例创建：new方法实例的调用：实例对象.$+(实例中的属性或者方法)el确定实例挂载的地方（DOM对象）vardata={a:1}varvm=newVue({el:'#example',data:data,created:function(){//`this`指向vm实例console.log('ais:'+this.a)}})vm.$data===data//=>truevm.$el
weixin_33724059·2020-08-16 09:17

Vue基础知识

目录一、Vue起步1HelloWorld2开发TodoList（v-modelv-forv-on）3MVVM模式4前端组件化5使用组件改造TodoList▲6组件间传值二、Vue基础1Vue实例2Vue
taoqidejingling·2020-08-16 08:33

Vue基础入门

Vue是什么？借用官网的介绍：Vue.js（读音/vjuː/,类似于view）是一套构建用户界面（View）的渐进式MVVM框架。Vue被设计为可以自底向上逐层应用。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。vue官方教程网址使用Vue1、我们要使用vue，有两种方式(1).一是在咱们的传统项目中使用，通过script标签来引入vue.js的库，这个vue.js的库可
hcg1023·2020-08-16 08:52

Vue基础汇总实践

1)双向绑定：{{message}}newVue({el:'#app',data:{message:'Hellovue.js'}})2)渲染列表{{todo.text}}newVue({el:'#app',data:{todos:[{text:'学习vue'},{text:'学习Sass'},{text:'学习webpack'}]}})3)处理用户输入{{message}}反转newVue({el
bboyjoe·2020-08-16 05:11

vue基础知识点

1.Vue.js是什么?1).一位华裔前Google工程师(尤雨溪)开发的前端js库2).作用:动态构建用户界面3).特点:*遵循MVVM模式*编码简洁,体积小,运行效率高,移动/PC端开发*它本身只关注UI,可以轻松引入vue插件和其它第三库开发项目4).与其它框架的关联:*借鉴angular的模板和数据绑定技术*借鉴react的组件化和虚拟DOM技术5).vue包含一系列的扩展插件(库):*v
_张牧之_·2020-08-16 04:19

vue基础：获取表单数据，双向数据绑定 Vue事件介绍 以及Vue中的ref获取dom节点

vue基础：获取表单数据，双向数据绑定Vue事件介绍以及Vue中的ref获取dom节点1.在vue中我们通过v-model进行数据绑定，vue其实就是实现mvvm的框架，mvvm表示，model的改变会影响
谷咕咕·2020-08-15 10:50

Vue基础-文本显示，v-html插入html代码

1.显示内容{{}}{{message}}newVue({el:'#app',//el是选择元素的挂载节点，这里#是加父节点iddata:{//赋值message:'HelloVue.js!'}})效果：HelloVue.js!2.v-htmlnewVue({el:'#app',data:{message:'aaa'}})alert(document.getElementById('app').i
weixin_30776863·2020-08-15 08:50

vue基础methods、computed、created、mounted简析

1.methods：定义方法，methods将被混入到Vue实例中。可以直接通过VM实例访问这些方法，或者在指令表达式中使用。方法中的this自动绑定为Vue实例。{{msg}}{{price}}外部调用vue里的方法//要给对象赋值letvm=newVue({el:'#app',data:{price:199,msg:'methods',},methods:{add(){//console.lo
JaydenSun·2020-08-15 07:19

Vue基础技术|vue-loader+webpack项目配置

项目初始化首先需要创建一个空目录vue-demo，然后通过命令行进入该目录后，执行npminit指令来初始化为一个npm的项目，基本选项都可以选择默认值即可，初始化完成后会在当前目录下生成一个package.json文件，该文件是项目的配置文件。➜~cdDocuments/workspace/vue-demo➜vue-demopwd/Users/a1/Documents/workspace/vue
不忘初心 砥砺前行·2020-08-15 07:43

前端工程化--关于npm/yarn、webpack、vue的工具链

webpack、vue的工具链管理工具npm/yarn安装起步包的安装删除包和依赖安装所有依赖更新包清楚缓存设置webpack配置安装webpack4.0和webpcak-cliwebpack基础入门Vue
kikpin·2020-08-14 22:04

vue2.0 axios封装、vuex介绍

这篇博客针对了解过vue基础，但是没有做过vue项目的童鞋。如果想看基础指令，可以看我之前的一篇博客，请点击跳转，不过我还是建议看文档比较好。
weixin_30625691·2020-08-14 20:03

VUE基础知识介绍（二）VUE提高

组件基础什么是组件**需求:**如果页面中有多个一样结构的控件,比如{{count1}}按钮{{count2}}按钮{{count3}}按钮{{count4}}按钮{{count5}}按钮newVue({el:'#app',data:{count1:0,count2:0,count3:0,count4:0,count5:0},methods:{changeCount1(){this.count1+
liuerchong·2020-08-14 14:09

VUE基础之项目构建

写在前面前端学习无论如何都绕不过VUE这个山头，那么现阶段大火的VUE到底是何方神圣呢？Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。v
沈熙杭·2020-08-14 12:33

vue基础

指令，事件//指令5双向数据数据与{{msg}}功能一样，但前面那个的好处是网速慢的时候也不会看到小胡子，另一个网如果不好会看到小胡子{{content}}只绑定一次，以后不会再受数据变化就更新了把HTML字符当HTML代码渲染，如msg:"hello"页面显示就是hello，但如果用小胡子显示数据的话就是hello要循环谁就在谁身上添加该属性,item就是当前项，index是索引//事件v-on
dituke6943·2020-08-13 13:55

【Vue基础知识再巩固】--Vue的边界情况（依赖注入等）

1，元素，组件的访问根元素：this.$root.XXX(真实项目中多用VueX对全局的状态进行管理)父元素：this.$parent.XXX（多层父级this.$parent.$parent.XXX寻找，无法很好扩展到更深层级的嵌套组件，引依赖注入）子组件元素：this.$refs.XXX（渲染后才可以取到，多结合this.$nextTick()使用）依赖注入：父元素设置可访问方法provide
GQ_cyan·2020-08-13 11:50

vue基础语法之分支循环结构

分支循环结构分支结构v-ifv-elesv-eles-ifv-showfalse隐藏true显示v-if和v-show的区别`v-if`控制元素是否渲染到页面v-show控制元素是否显示(已经渲染了页面)v-if适用于操作不是很多的情况隐藏就是把这个元素删除掉(removeChild)v-show频繁操作隐藏就是display:none循环结构循环结构遍历数组v-for遍历数组(数组里面的值可以是
我今年六岁·2020-08-12 17:36

Vue基础-自定义指令的使用

Vue的内置指令已经有很多了，比如v-if、v-on、v-show、v-for等等。在这些指令中，已经大部分可以满足大部分的业务需求了。不过如果要开发一些比较特殊的功能，就需要我们自己自定义一些指令来完成。举例：如何实现打开页面时，input会自动获取焦点？(https://img-blog.csdn.net/20180107164046991?watermark/2/text/aHR0cDovL
lander_xiong·2020-08-12 17:36

Vue基础

渐进式JS框架声明式渲染->组件系统->客户端路由->集中式状态管理->项目构建原生JSvarmsg1='helloworld';vardiv=document.getELementById('msg');div.innerHTML=msg1;JQueryvarmsg2='helloworld';$('#msg').html('msg2');Vue/*基本使用步骤1.提供标签用于填充数据、2.引入
吴越子坤·2020-08-12 16:22

vue基础知识

文章目录一、过滤器1.1vue中的过滤器1.2多个vue实例1.3私有过滤器1.4全局过滤器和私有过滤器区别二、键盘修饰符和自定义键盘修饰符2.1常见键盘修饰符2.2自定义键盘修饰符三、自定义指令3.1自定义全局指令3.2自定义局部指令3.3钩子函数简写3.4使用自定义指令四、vue中的ajax请求Vue-resource五、vue的生命周期函数5.1创建期间的生命周期函数：5.2运行期间的生命周
有名的卡德除·2020-08-12 12:16

VUE基础常用功能学习和实操（引入JS形式）

文章目录1.前言2.创建普通项目3.引入Vue的js文件4.编写HelloVue!4.1动态修改5.绑定元素特性5.1效果6.判断特性codeFalseTrue6.2.Ifelse6.3.Elseif7.绑定数组7.1.div7.2.数组7.3.效果8.监听——逆转消息9.v-model双向绑定9.1.code9.2.实现效果9.3.例子29.4.实现效果10.监听属性watch11.样式绑定11
长臂人猿·2020-08-12 12:32

Java程序员入门Vue基础之指令入门学习（三）

文章目录前言1.条件渲染指令1.1v-if1.2v-else、v-else-if指令1.3v-show指令2.列表渲染成v-for指令3.方法与事件指令3.1v-bind3.2v-on指令4.v-model与数据双向绑定5.其他指令5.1v-text与v-html前言我们在学习Java的时候知道有JSP页面，我们通过EL表达式可以取到后台的值然后进行页面的渲染。在Vue中也有类似的编程特点。Vue
codegeekgao·2020-08-12 11:23
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他