vue笔记

Vue笔记（六）——Vue组件通信&Vuex

组件通信vue本身的组件通信父==>子：父组件向子组件传参或者调用子组件的方法子==>父：子组件向父组件传参或者调用父组件的方法兄弟之间：兄弟组件之间传参或者调用方法父子通信传参-props思路：定义子组件的属性（自定义），父组件赋值给子组件调用方法（1）-$refs思路：定义子组件的属性-ref="a",父组件通过：this.$refs.a.子组件方法();调用方法（2）-children思路：
FangHanJia·2020-08-20 21:41

Vue笔记

Vue笔记文章目录Vue笔记1、为浏览器安装Vue开发者工具2、创建第一个vue2.1引入vue.js文件2.2第一个vue3、vue常用指令3.1v-if、v-else-if、v-else3.2v-show3.3v-show
Cheny_Yang·2020-08-20 05:57

vue笔记3，计算笔记

一、使用计算属性的原因我们己经可以搭建出一个简单的Vue应用，在模板中双向绑定一些数据或表达式了。但是表达式如果过长，或逻辑更为复杂时，就会变得臃肿甚至难以阅读和维护举例{{text.split(’,’)•reverse().join(’,’)}}这里的表达式包含3个操作，并不是很清晰，所以在遇到复杂的逻辑时应该使用计算属性。二、计算属性用法所有的计算属性都以函数的形式写在Vue实例内的compu
weixin_34080903·2020-08-19 05:46

vue笔记之MVC和MVVM之间的区别

MVC是后端的分层开发概念；view视图层每当用户操作了界面，如果需要进行业务的处理，都会通过网络请求，去请求后端的服务器，此时，我们的这个请求就会被后端的App.js监听到。app.js项目的入口模块，一切的请求都要先进入这里进行处理注意：app.js并没有路由分发的功能，需要调用router.js模块进行路由的分发处理。router.js这是路由分发处理模块，为了保证路由模块的职能单一，rou
qq_36781179·2020-08-19 03:13

vue笔记（一）基础语法

记录一些vue的例子，整理自官方文档。vue可以理解为js进阶版中的一种，相关内容如下：1、vue.js核心2、VueRouter2实现路由组织工具。3、webpack项目打包以及编译工具。4、nodejs前端开发环境。5、npm前端包管理器。6、axiosajax接口请求工具。7、sass-loader和node-sasscss预处理。8、element基于vue的后台组件库。9、iview基于
gcc_java·2020-08-19 02:21

狂神说 Vue笔记

狂神说Vue笔记Vue的核心库只关注视图层，方便与第三方库或既有项目整合。
每天进步一點點·2020-08-19 00:18

Vue笔记（四）—— Vue生命周期中mounted和created的区别

created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。如：数据初始化一般放到created里面，这样可以及早发请求获取数据，如果有依赖dom必须存在的情况，就放到mounted(){this.$nextTick(()=>{/*code*/})}里面官方图解
是是非非iiee·2020-08-15 08:51

Vue笔记——父子组件的双向数据绑定

一、实现思路之前写过两篇文章，分别介绍了父子组件之前如何单向传递数据，如果你对单向传递数据不熟悉，可以参考着两篇文章：Vue笔记——父组件向子组件传递数据Vue笔记——子组件向父组件传递数据如果我们明确了如何在父子组件之
fengzhen8023·2020-08-13 14:22

vue笔记

methods:{//table格式化时间formatter(row,column){vardate=row[column.property];console.log(date);if(date===undefined){return"";}returnutil.formatDate.format(newDate(date),"yyyy-MM-ddhh:mm:ss");}}/**解构表达式*解构数
myz512·2020-08-13 10:16

【vue笔记2】-自定义指令

基础除了内置指令，Vue.js也允许注册自定义指令。自定义指令提供一种机制将数据的变化映射为DOM行为。Vue.js用Vue.directive(id,definition)方法注册一个全局自定义指令，它接受两个参数：指令ID与定义对象。也可以用组件的directives选项注册一个局部自定义指令（此方法相当于AngularJSrestrict）属性值为A。钩子函数bind——只调用一次，在指令第
暴走的奶糖·2020-08-12 18:56

【Vue笔记--精简版】

文章目录VueVue创建项目和项目结构分析Vue2.x环境搭建与运行初始项目Vue3.x创建项目与运行初始项目Vue项目目录解析Vue.js基本操作Vue绑定数据`{{}}`Vue列表渲染`v-for`Vue绑定属性`v-bind:`或`:`Vue绑定HTML`v-html`Vue绑定数据方法二`v-text`Vue绑定Class`v-bind:class`Vue绑定Style`v-bind:st
千里水草·2020-08-12 17:41

vue笔记（1）——插值总结

文本插值{{text}}{{*text}}//"*"是只渲染一次数据，后续数据变化不再关心html插值//content:'http://www.yuki.kim'{{{content}}注意：vue指令和自身特性内饰不可以插值的表达式{{true?1:0}}{{str.split(",")}}{{num/100}}{{str|toUpperCase}}指令v-ifv-bindv-on.....分
章鱼no丸子·2020-08-11 19:47

【vue笔记1】-插值、表达式、分隔符、指令

最近打算重温一遍vue的知识，正好总结一份笔记。插值基本用法Text:{{text}}这个属于指令有时候只需要渲染一次数据，后续数据变化不再关心，可以通过“*”实现Text:{{*text}}如果是html片段，可以这样表示这个属于指令Text:{{{text}}}表达式表达式是各种数值、变量、运算符的综合体{{cents/100}}{{true?1:0}}{{example.split(",")
暴走的奶糖·2020-08-11 19:27

Vue笔记（插值）

插值：使用{{属性}}进行插值，将其中的值转为字符串使用{{{属性}}进行插值，将其中的值转为HTML片段Vue指令和自身特性不允许插值，否则会发出警告表达式：在{{}}中，支持三目运算符，且只支持单个表达式，不支持语句和流控制，不能使用用户自定义的全局变量，只能使用Vue白名单内的全局变量，如Math和DateVue支持在{{}}中插入|号，对数据进行过滤，需要在实例的filters中设定，可以
纯黑色山羊·2020-08-11 19:53

vue笔记---模板语法-插值

1.文本数据绑定最常见的形式就是使用‘Mustache’语法（双打括号）的文本插值：message:{{msg}}使用v-once指令，也能执行一次性的插值，当主句改变时，插值处的内容不会更新。但请留心这回影响到该节点上所有的数据绑定：thiswillnverchange:{{message}}2.纯html双打括号会将数据解释为纯文本，而非html。为了输出html可以使用v-html指令：被插
qq_34530330·2020-08-11 17:03

【MyVue笔记】v-for中为什么要用key？组件渲染和更新过程？Vue中常见性能优化？

来源：珠峰架构v-for中为什么要用key(图解)组件渲染和更新过程渲染组件时，会通过Vue.extend方法构建子组件的构造函数，并进行实例化。最终手动调用$mount()进行挂载。更新组件时会进行patchVnode流程.核心就是diff算法组件中的data为什么是一个函数?同一个组件被复用多次，会创建多个实例。这些实例用的是同一个构造函数，如果data是一个对象的话。那么所有组件都共享了同一
Web_hls·2020-08-09 15:15

vue笔记_使用Vue保存快速笔记

vue笔记保存快速笔记(SavingQuickNotes)SavingQuickNotes-Vue,Vuex,VueRouter,VueCompositionAPI.保存快速注释-Vue，Vuex，Vue
cuk5340·2020-08-08 15:47

VUE笔记

5.如果需要在H5页面打断点，需要用到Chrome://inspect(如果白屏，可能需要梯子才能看到待调试的页面)6.开启webView调试的方法，开启之后，才能在Chrome里调试，@OverrideprotectedvoidonCreate(BundlesavedInstanceState){//Enablingwebdebuggingif(Build.VERSION.SDK_INT>=Bu
tongxintong·2020-08-06 10:51

VUE笔记-许

1.VueJS概述1.1VueJS介绍Vue.js是一个构建数据驱动的web界面的渐进式框架。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。官网:https://cn.vuejs.org/1.2MVVM模式MVVM是Model-View-ViewModel的简写。它本质上就是MVC的改进版。MVVM就是将其中的View
许俊活·2020-08-06 10:02

vue笔记 短时间内处理多次请求，只执行最后一次请求问题

今日用了近一个小时解决这个问题。。。。。以后遇到此问题可以直接使用lodash工具库的debounce方法具体可查看官方文档首先用命令行导入lodash接着直接引用工具库created(){let_=require('lodash')//引用this.setOneGet=_.debounce(this.getSearchCompanyCityInfo,500)//此处getSearchCompan
万古长空如长夜·2020-08-05 19:16

vue中vue-router的使用（包括在ssr中的使用）

vue笔记之vue-router的使用（包括ssr中的使用）安装vue-router命令行执行：npmivue-router-S创建配置文件在项目src文件夹下创建config文件夹存放路由配置在config
可能是鱼·2020-08-05 13:56

VUE笔记（1）

文章目录开始使用Vueel$mountdata插值表达式vue的响应式-1vm.$elvm.$nextTick&Vue.nextTickvue的响应式-2扩展_剖析Vue响应式原理Vue相关指令v-prev-cloakv-oncev-textv-html条件渲染v-ifv-elsev-else-ifv-showv-ifVSv-showv-bind指令v-on指令为什么在HTML中监听事件?v-on
前进知者·2020-08-04 07:03

Vue笔记

文章目录Vue.js安装与使用声明式渲染vue的各种属性v-bindv-ifv-elsev-forv-onv-model计算属性计算器实例点击某一文本变色组件化Vue项目Vue.jsVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方
微凉code·2020-08-03 23:45

Vue笔记(十二) vue-ajax

vue项目中常用ajax库vue-resourcevue插件非官方库vue1.x使用广泛axios通用的ajax请求库官方推荐vue2.x使用广泛vue-resource的使用在线文档https://github.com/pagekit/vue-resource/blob/develop/docs/http.md下载npminstallvue-resource--save//引入模块importV
钦拆大仁·2020-08-03 22:55

Vue学习笔记整理(一)

参照视频coderwhy老师的Vue目前笔记积累到P62原本没打算整理笔记，结果p63看懵了，然后开始整理起来笔记部分笔记参考Vue笔记整理一些之前Vue基础v-bind的基本使用某些时候我们并不想将变量放在标签内容中
非幡动·2020-08-02 16:58

vue笔记 10day

第一天基础1、基础###数组的变异（括号中的能改变原数组）-操作数组的方法（poppushunshiftshiftsplicerecersesort）indexOflastIndexOfconcatslice##forEachfilter（过滤）map（映射）someeveryreduce（includesfindinges6）##node版本>8.5webstorm(vscode,sublim)
冯insist·2020-08-02 13:56

Vue笔记

相关文章1.[vue.js1.x文档](https://v1-cn.vuejs.org/)2.[vue.js2.x文档](https://cn.vuejs.org/)3.[String.prototype.padStart(maxLength,fillString)](http://www.css88.com/archives/7715)4.[js里面的键盘事件对应的键码](http://www.
温室寻荒凉·2020-08-01 09:21

Vue笔记第五天(路由的使用和整合,全局axios)

第五天1.Vue路由基本使用a.下包npmivue-routerb.导包importVueRouterfrom'vue-router'c.用包①Vue.use(VueRouter)②.路由规则1.创建对应的组件xxx.vue③.创建路由对象传入规则④.路由对象设置给Vue实例d.设置导航栏和内容App.vuee.组件的位置components/xxx.vue2.axios的使用a.下包npmiax
风里有诗句·2020-07-31 23:57

VUE笔记之 keep-alive , slot , $emit , props ,refs , eventbus,router,v-bind:src 路由获取参数,右击，阻止默认行为和冒泡

vue中使用less安装less依赖，npminstalllessless-loader--savevue项目优化之通过keep-alive数据缓存的方法是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和相似，是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中。1、缓存所有的页面,适用于每个页面
web还不是·2020-07-31 22:50

vue笔记---组件拆分

1.将别人的app.vue的内容删掉2.在src/components文件夹下新建文件j夹header，在header文件夹下新建header.vue文件内容为我是头部export.default{}3.在app.vue中调用组件内容为importheaderfrom'./components/header/header.vue'export.default{components:{"v-head
qq_34530330·2020-07-31 22:44

Vue笔记

课程来源：b站搜索编程不良人。1vue介绍#Vue是一款**渐进式**的框架，它致力于用更简单的API来实现数据的双向绑定。#作者是国内的：**尤余溪**#Vue的两个核心点:1:响应式数据绑定当数据发生变化的时候，视图自动更新，即双向数据同步，原理利用了ES6中的Object.definedProperty中的setter/getter代理数据，监控对数据的操作。2:组合的视图组件即页面最终映射
自在仙·2020-07-31 20:00

Vue笔记——Vue组件中引入jQuery

如果想在普通的HTML页面引入jQuer库的话，直接使用即可。但是如果要在Vue组件中使用jQuery库的话，使用这样的方式就不行了，需要使用以下方法一、安装jQuery依赖在使用jQuery之前，我们首先要通过以下命令来安装jQuery依赖：npminstalljquery--save#如果你更换了淘宝镜像，可以使用cnpm来安装，速度更快cnpminstalljquery--save二、修改配
fengzhen8023·2020-07-30 15:08

Vue笔记组件、路由、Vuex(一)

第一次上传自己的笔记，记得不是很全，希望各位见谅，后续会继续完善Vue基础语法基础指令v-html将html内容嵌入到当前标签里varapp=newVue({el:"#app",data:{message:'链接'}})呈现效果连接v-once(不常用)数据初次渲染之后改变数据，前端不改变v-text会覆盖当前标签下的文本，没有mustache灵活v-pre将mustache原样显示，不进行数据解
Starry*sky·2020-07-30 09:22

Vue笔记——node.js入门知识

一、node.js是什么首先我们需要明确一点，node.js肯定是和JavaScript这一门编程语言有关系的，但是node.js不是一门编程语言，如果你把node.js当做是一门类似于PHP、JAVA、Python这样的后台编程语言，那么你就错了。node.js也不是JavaScript的第三方库或框架，不同于我们经常使用的Jquery等第三方库。但是node.js到底是什么呢？可以用一句话概括
fengzhen8023·2020-07-30 08:20

vue笔记，在使用transition上下过渡动画的时候遇到的坑。

因为工作需求，需要给一个组件实现一上下过渡的动画效果。我用了transition的来写//我没给div加样式，你就自己加吧这里放的组件这里放的组件这里放的组件//这是css样式.fade-leave-to{opacity:0;transform:translate3d(0,300px,0);}.fade-enter{transform:translate3d(0,-300px,0);}.fade-
weixin_42628334·2020-07-29 07:43

超级详细VUE笔记！！！！！赶紧收藏

开始使用Vue引入vue.js官网：vuejs.org开发版本：包含完整的警告和调试模式生产版本：删除了警告，体积更小引入vue.js后，给我们提供了一个构造函数Vue在js中，newVue()newVue()后会返回一个vue实例对象，我们用变量接着它constvm=newVue()传递一个配置对象{}–>constvm=newVue({})el类型：字符串全称：element（元素）作用：配置
冬疏强·2020-07-29 06:09

vue笔记 webpack配置参数详解

当我们需要和后台分离部署的时候，必须配置config/index.js:用vue-cli自动构建的目录里面（环境变量及其基本变量的配置）varpath=require('path')module.exports={build:{index:path.resolve(__dirname,'dist/index.html'),assetsRoot:path.resolve(__dirname,'dis
MmM豆·2020-07-29 04:15

Vue笔记 (四) 事件监听v-on、条件判断v-if、v-show、循环遍历v-for

v-on在前端开发中，我们需要经常和用户进行交互，这个时候，就必须监听用户发生的事件，比如点击、拖拽、键盘事件等，在Vue中监听事件使用v-on指令基本用法+//...data:{num:0},methods:{add(){this.num++},简写：+v-on参数1.事件调用的方法没有参数，方法后的()可不加按钮1按钮12.在事件定义时，方法本身是需要一个参数的，但写方法时省略了小括号，这个时
楠丶·2020-07-28 21:31

Vue笔记三:计算属性 监听器 过滤器

通过newVue()创建的vue实例具有以下属性和方法data(){return{//存放数据}}methods:{//存放事件处理函数}computed:{//计算属性}watch:{//监听器}实例生命周期钩子函数计算属性计算属性通常用于自己不保存属性值而是根据其他属性值动态计算结果时，只要页面上需要的属性值后端或内存中没有直接可用的数据！newVue({computed:{属性名(){ret
学不懂前端的臭弟弟·2020-07-28 09:58

VUE笔记1

首先先创建一个vue文件想要创建子组件就在components中创建，里面分为三个部分templatescriptstyle。其中第一个是用来写内容（也就是div）的，第二个是用来定义脚本语法的。props是子组件访问父组件数据（父向子传递数据）的唯一接口。创建子组件时这个exportdefault一定要写，它是export用来导出模块，Vue的单文件组件通常需要导出一个对象，这个对象是Vue实例
杞人何忧·2020-07-28 09:32

Vue笔记——v-model在其他元素及类型上的用法

1{{name}}--去掉前后的空格2{{price}}--自动转换数字类型3{{price}}--惰性更新（blur时才会更新）3--单选——————vuesex：''，4--多选————vuesex：[],(放入数组中)5--就是个文本框6你来自哪里?wangjiagou--班级年级选择框———vuefrom：null，（默认空选项）beibeishan7multiple多选
shiki0083·2020-07-28 09:21

Vue笔记

vue爬坑js字符串的处理vue阻止事件冒泡@click.stop......vue步骤进度props如下图所示，第一时间我想到使用vuex进行控制。实践过程中发现需要每个页面都去控制vuex的属性。优化：：：使用propsHead.vue{{$store.state.pageNum}}=4?'circle-yes':''"class="circle">提交成功-->=value.id},{'ci
子小95·2020-07-28 05:48

vue设置mock

转载:Vue笔记——项目中设置mock数据Vue笔记——项目中设置mock数据2018年12月02日19:41:17fengzhenzhen8023阅读数：236标签：Vuemock数据假数据更多个人分类
左森·2020-07-28 05:50

vue笔记

vue生命周期beforeCreated:在这个生命周期之间，进行初始化事件，进行数据的观测。created:数据和data属性进行绑定。注意:此时还没有el选项。beforeMount:首先判断对象是否有el选项。如果没有el选项则停止编译，也就意味着停止了生命周期。如果有的话就继续向下编译，然后看template参数选项如果vue实例对象中有template参数选项，则将其作为模板编译成ren
白首穷经·2020-07-28 04:53

Vue笔记

vue笔记一HelloWord实例{{details()}}{{message}}{{site}}{{url}}varvm=newVue({el:'#app',data:{message:"HelloWord
彩彩彩彩·2020-07-27 20:41

Vue笔记

参考网站：《VUE官网教程》《VUE官网API》《菜鸟教程》《Vue.js——60分钟快速入门》1Vue.js及其实例Vue.js是一个JavaScriptMVVM{（Model-View-ViewModel）库，Vue的目标是通过尽可能简单的API实现响应的数据绑定。ViewModel是Vue.js的核心，它是一个Vue实例。使用Vue的过程就是定义MVVM的各个模块的过程：定义View定义Mo
banmao8461·2020-07-27 19:17

vue笔记（二）Vue-class与style、事件、计算属性、数据监听、自定义指令、过滤器、v-cloak

vue官网一、class、style操作二、事件三、计算属性四、数据监听、观测五、自定义指令六、过滤器七、v-cloak一、class、style操作官网1.class使用：（1）v-bind:class=“数据|属性|变量|表达式”（2）v-bind:class=“数据”数据类型：字符、对象、数组；（3）v-bind:class="[‘class名1’,‘class名2’]"（4）v-bind:
Start2019·2020-07-27 17:30

Vue笔记

Vue笔记本博客主要是我寒假看视频的学习记录，由于忙比赛和学业，后续可能不会再补充。
咸菜包·2020-07-27 13:55

初学Vue笔记——选项卡切换功能

在没有学习Vue之前，想要做一个Tabs切换功能，首先想到的当然是通过DOM操作改变元素的class。然而Vue操作的是数据，虽然在方法中可以随心所欲得写原生js代码来操作DOM，但这会非常别扭。初学者使用Vue的时候一定要切换一下思维。li{list-style-type:none;display:inline-block;margin-right:0.5rem;}.normal{color:g
Billy_Cat·2020-07-16 04:49

vue笔记 day1

===九月复习了一下html5+css3的新属性，复习了js原生和jQuery，看了视频后没怎么做笔记orz。。。======十月开始了，这次准备认真，超认真看10days的vue视频，不是说一共看10days，而是10个部分，无论大大小小都记录下来===今天day1.以下代码都是copy自黑马程序员的教程code，如有侵犯请联系作者删除。Document[v-cloak]{display:non
都说没想好·2020-07-15 01:57
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他