#vue学习

vue学习笔记之过滤器的使用

vue过滤器的使用Document{{item.price|priceStyle}}{{priceFilter(item.price)}}constapp=newVue({el:"#app",data:{items:[{id:1,name:"js",price:2000,number:1},{id:2,name:"node.js",price:4000,number:5},{id:3,name:"
er.chen_sir·2020-08-02 13:46

vue学习笔记第一天

框架和库的区别框架：是一套完整的解决方案；对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。node中的express；库（插件）：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求。从Jquery切换到Zepto从EJS切换到art-templateNode（后端）中的MVC与前端中的MVVM之间的区别MVC是后端的分层开发概念；MV
伍伍怀·2020-08-02 13:10

vue学习笔记四

Vue学习笔记四vue学习笔记一vue学习笔记二vue学习笔记三今天写个todolist，在前几篇的基础上做的。
Inc_晓阳·2020-08-02 13:37

小白VUE学习笔记5：History模式下，打包后页面刷新访问404

Vue-Router采坑系列：History模式首先我们可以看看官网上的说明constrouter=newVueRouter({mode:'history',routes:[...]})所以说这里两种解决方案：一、不用history模式这个就很简单了，改为hash模式。唯一的不同可能就是url的地址不好看而已。二、后台支持配置其实官网有很多例子，包括Apache、nodejs、Nginx等等的配置
Funfction_Zero·2020-08-01 06:30

vue基础

vue学习整理http://doc.liangxinghua.com/vue-family/1.html说一下Vue和React的认识，做一个简单的对比监听数据变化的实现原理不同Vue通过getter/
sara-·2020-08-01 06:08

Vue学习

vue学习一、vue学习第一天1.了解wue2.安装vue3.安装开发工具二、vue学习第二天1.hellovue代码2.vue显示列表中的数据3.vue实现计数器小案例一、vue学习第一天1.了解wue
旧梦旧城·2020-08-01 06:11

Vue学习知识点总结

使用vue已经有一段时间了，在这里先说一些自己感觉有必要巩固一下知识查漏补，所以总结的一些vue知识点，vue官网的文档已经非常清楚了，如果有什么不明白的或错误的欢迎大佬们给我留言。1.vue生命周期学习和使用vue就离不开vue生命周期，每个Vue实例在被创建时都要经过一系列的初始化过程，而生命周期就是在这个过程中运行的一些方法。下图是vue生命周期示意图，在这张图中我们可以看到在vue的生命周
weixin_34166472·2020-08-01 04:51

vue学习（5）-评论功能（利用父组件的方法）

评论评论人：{{item.user}}{{item.content}}评论人：评论内容：varcommentBox={template:'#temp',data(){return{user:'',content:''}},methods:{post(){varcomment={id:Date.now(),user:this.user,content:this.content}varlist=JSO
weixin_30470857·2020-08-01 03:15

mpvue学习笔记一：初始化一个mpvue项目

官方文档：http://mpvue.com/mpvue/quickstart/#1-mpvue1.安装nodejs2.打开命令行工具，执行以下操作：（1）node-v(检查node是否成功安装)（2）npm-v(检查npm是否成功安装)（3）npmsetregistryhttps://registry.npm.taobao.org/（安装淘宝镜像）（4）执行命令npminstall-gvue-cl
keepRealLu·2020-08-01 01:37

vue学习（一）：环境搭建

因为最近在做移动端html5的项目，项目中的数据渲染用的template,js，这种模板的好处在于至少不用在js中去拼接字符串来渲染页面，但是缺点也很明显，难以修改和格式化，并且会破坏编辑时页面的布局，需要做到很细的划分，不然一旦页面有所改变，真的改的头疼。而现在页面加载的时候一般都是从上往下按序加载，而使用template的时候每个模块都是使用ajax请求后台数据填充模板后显示，由于网络的不稳定
徐楠_01·2020-08-01 01:01

vue学习笔记之router（2）（ 嵌套路由、传递参数,导航守卫）

嵌套路由home页面中,我们希望通过/home/news和/home/message访问一些内容,个路径映射一个组件,访问这两个路径也会分别渲染两个组件,创建两个vue组件，然后这两个组件是再组件home里面进行展示的，所以这个组件的的router-link标签是放在home组件里面如，然后设置这些组件的url匹配方式，就是/home1/news和home1/message。home.vue我是h
qq_39773416·2020-07-31 22:40

Vue学习之旅----父子路由-路由嵌套

首页新闻商品详情用户中心//生命周期函数：组件挂载以及组件更新组件销毁的时候触发的一系列的方法，这些方法就叫做生命周期函数//引入exportdefault{data(){return{name:'App'}},mounted(){//请求数据，操作dom,放在这个里面mountedconsole.log('模板编译完成4')}}#app{font-family:'Avenir',Helvetic
清风徐来网·2020-07-31 21:44

vue学习三 组件嵌套及父子组件传值

一、组件嵌套importSonfrom"./components/Son"exportdefault{name:'App',components:{"son":Son}}使用组件的名字当作标签即可引入子组件。二、父子组件传值1.父组件向子组件传值子组件{{param}}exportdefault{name:"Son",props:{params:{type:Array,required:true}
sust_ly·2020-07-31 21:28

Vue学习笔记（十四）——keep-alive标签用法

参考文档：https://cn.vuejs.org/v2/guide/本文主要介绍keep-alive标签的用法。keep-alive标签用于切换组件时保留隐藏组件的状态。例如当组件a显示时，变更了组件a的data，然后把组件a切换为组件b，再切回组件a：如果组件被keep-alive包裹，则组件a的data为变更后的状态；如果组件未被keep-alive包裹，则组件a的data为初始化状态。以下
讨厌走开啦·2020-07-31 19:49

Vue学习总结-指令

Vue学习总结-指令指令-自定义全局指令让文本框获取焦点指令-使用钩子函数的第二个binding参数拿到传递的值全局指令定义私有指令简写指令指令-自定义全局指令让文本框获取焦点搜索关键字://document.getElementById
frieryumao·2020-07-31 17:51

Vue学习-Element-UI框架使用

1.Element安装使用Vue脚手架搭建好项目后安装Element-UIcnpmielement-ui-S2.引入Element文件在src下的main.js中添加如下代码importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);然后就可以完整引入Element-
Dennis_Shaw·2020-07-31 13:36

vue学习总结六：keep-alive用法以及activated,deactivated生命周期的讲解

注意：项目讲解案例参照之前的博客，如有不理解的地方，请按vue学习总结顺序查看。
Buddha_ITXiong·2020-07-31 13:23

vue学习15：父子组件传值

1、父组件向子组件传值翻译如下：避免直接对道具进行修改，因为每当父组件重新呈现时，该值将被覆盖。相反，使用基于该道具的值的数据或计算属性。也就是说，你不能直接在自组件里面去修改接收到的值，因为这样会导致其他组件的使用有问题，你应该在这个组件里面去改变属于它自己的数据或者属性。怎么写呢？代码如下：props:['count'],data(){return{number:this.count     
simoonQian·2020-07-31 12:43

视频教程-uniapp实战开发商城APP和小程序-Vue

温招明¥99.00立即订阅订阅后：请点击此处观看视频课程视频教程-uniapp实战开发商城APP和小程序-Vue学习有效期：永久观看学习时长：1837分钟学习计划：31天难度：中「口碑讲
weixin_34602446·2020-07-31 10:05

Vue学习(6)————————实例对象，组件概念，组件的引用（其他vue文件的引用）

下面操作是在main.js中操作varsola=newVue({//装载到什么样的位置，这里先放入bodyel:'body',//暂时不明template:'{{solaname}}',data:{solaname:'sola';}})————————————————————————————————————————————————————————简单用实例引用写出一个helloworldmain.
抽风同学·2020-07-30 21:16

Vue学习资料

超级入门资料https://cn.vuejs.org/v2/guide/instance.htmlhttps://cn.vuejs.org/v2/guide/index.html菜鸟教程https://www.runoob.com/vue2/vue-install.html数据绑定原理https://www.jb51.net/article/106484.htmLodashhttps://www.
huning188·2020-07-30 19:11

vue学习资料

总结了vue全家桶的全面所有知识点如下：vue所有基础语法：https://blog.csdn.net/weixin_43342105/article/details/106153672vuex核心内容及重点细节总结：https://blog.csdn.net/weixin_43342105/article/details/105703491vuecli2，3详解：https://blog.csd
enjoy_sun_moon·2020-07-30 18:57

Vue学习笔记

组件子父组件通信子父组件：单向数据流非父子组件间的通信路由router的使用路由嵌套，参数传递，路由结合动画参数传递路由实例的方法路由结合动画单文件组件VUE文件vue-loaderwebpack示例步骤1.创建项目，结构如下2.编写App.vue组件3.安装相关模板4.编写main.js5.编写webpack.config.js6.编写.babelrc文件7.编写package.json配置8.
白卡pala·2020-07-30 18:50

Vue 源码解析 - 数据驱动与响应式原理

[TOC]Vue学习笔记Vue源码解析-主线流程Vue源码解析-模板编译Vue源码解析-组件挂载Vue源码解析-数据驱动与响应式原理数据驱动与响应式原理Vue的一个核心思想就是数据驱动，即数据会驱动界面
Whyn·2020-07-30 18:56

AntDesign vue学习笔记（九）自定义文件上传

第七节时提到，上传文件时实际可能需要传输一个token。1、查看vueantdesign文档https://vue.ant.design/components/upload-cn/2、使用customRequestcustomRequest通过覆盖默认的上传行为，可以自定义自己的上传实现Function3、定义customRequest，之前定义action行为会被覆盖，可以注释掉4、custom
weixin_30952535·2020-07-30 17:27

AntDesign vue学习笔记（七）Form 读写与图片上传

AntDesignForm使用布局相比传统Jquery有点繁琐（一）先读写一个简单的input为例....1、读数据，很简单this.form.validateFields((err,values)=>{if(!err){this.form.getFieldValue("username");注：此处也可以直接拿values中值使用2、写数据,根据经验把get变成set,提示不存在setField
weixin_30609287·2020-07-30 17:34

Vue 源码解析 - 组件挂载

[TOC]Vue学习笔记Vue源码解析-主线流程Vue源码解析-模板编译Vue源码解析-组件挂载Vue源码解析-数据驱动与响应式原理前言前文在对Vue整体流程进行分析时，我们已经知道对于Runtime+
Whyn·2020-07-30 15:51

vue学习(五)基础入门-基础知识(9)-JavaScript高阶函数

几种for语法用的是前面购物车案例的代码购物车小案例将普通函数转换成JavaScript高阶函数和链式编程箭头函数表单绑定v-model双向绑定的原理v-model结合radiov-model结合CheckBoxlable好处就是用户可以点击文字也会选中v-model:selectv-model双向绑定数组数据时遇到的天坑篮球羽毛球兵乓球足球您的爱好是：{{hobbies}}{{item}}//创
wuyxinu·2020-07-30 10:45

vue学习笔记：三种for循环用法

vue学习笔记：三种for循环用法需求：遍历books数组，计算出总价格：price是单价，count是数量。
Glinhoow·2020-07-30 10:14

Vue学习笔记（一）

初学Vue.jsmustache语法{{name}}{{firstName+‘’+lastName}}{{firstName}}{{lastName}}constapp=newVue({el:'#app'data:{name:'KobeBryant',firstName:'Kobe',lastName:'Bryant'}})计算属性computed{{name}}constapp=newVue({
weixin_45154474·2020-07-30 10:42

Vue学习笔记——二、指令

2.指令2.1插值表达式({{}})和v-text的两个区别使用插值表达式，在网速较慢的情况下，存在内容闪烁的问题(即直接在页面上渲染{{内容}})，而v-text没有闪烁问题在插值表达式中，可以使用v-cloak解决闪烁问题[v-cloak]{display:none;}//v-cloak属性在页面渲染完成后会被移除{{msg}}插值表达式智慧插入内容，并不会清楚其余的内容；v-text会把元素
Aurora.怂·2020-07-30 10:00

02vue学习——五种自带的v-指令

02vue学习——五种自带的v-指令vue自带的五种v-指令：差值表达式——{{插入的值}}v-cloak：解决差值表达式的闪烁问题v-text：将指令中的变量插入到页面中v-html：将指令中的html
0563xixi·2020-07-30 10:40

Vue学习笔记(1)--引入、小实例、mvvm、生命周期

Vue是一套用于构建用户界面的渐进式框架。编程范式：声明式编程。一、引入二、小实例建一个简单Vue应用：{{message}}constapp=newVue({el:'#app',data:{message:'HelloVue!'}})在es6里面定义const(常量)/let(变量)。在创建Vue对象时，传入一些option:{}el属性：类型：string｜HTMLElement该属性决定了这
Ming-hl·2020-07-30 09:25

Vue学习(6)-插槽、模块化导入导出、webpack基础配置使用

一、插槽的基本使用插槽的基本使用:插槽的默认值：例101如果有多个值，同时放入到组件中进行替换时，一起作为替换元素。是替换的值200我是子组件默认值1111具名插槽可以有多个插槽，并且对专门的其中一个插槽进行修改时就需要用到具名插槽：中中我是子组件前中后父组件模版的所有东西都会在父级作用域内编译；子组件模版的所有东西都会在子级作用域内编译。插槽方面在新版本里使用v-slot，不过好像不经常用以后再
Ming-hl·2020-07-30 09:54

Vue学习笔记(5)--组件化的基本使用、父子组件间的访问和传递数据

一、组件化的基本使用创建组件构造器对象constcpnC=Vue.extend({template:`标题`})``(模版字符串)是ES6中的新的定义字符串的语法，最大的特点就是可以换行//使用''的话，换行要用+conststr='abc'+'bcd'//使用``的话conststr=`abcbcd`注册组件Vue.component('my-cpn',cpnC)使用组件整体代码//3、使用组件
Ming-hl·2020-07-30 09:54

Vue学习(7)-plugin、Vue-Cli、箭头函数、vue-router准备

一、vue的使用方法创建vue时，当template和el同时存在时，会将template中的东西替换el中的东西。要对.vue文件进行封装处理就需要安装vue-loader和vue-template-compiler.npminstallvue-loadervue-template-compiler--save-dev因为脚手架还没学到，现在这个形式好像是很接近脚手架的了。App.vue//模版
Ming-hl·2020-07-30 09:54

Vue学习笔记(3)--计算属性和method的对比、部分ES6、事件监听、条件判断、v-show、v-for

一、计算属性与method的对比method只会一次次的执行方法，而计算属性可以判断每次参数是否变化而决定是再执行一次还是返回第一次的结果，计算属性会进行缓存，若多次使用时，计算属性只会调用一次。总体来说计算属性比method更加高效。二、ES6语法的一些学习块级作用域let是var的优化版，因为let具有块级作用域，而var没有。在JavaScript中if和for没有块级作用域，只有函数有块级
Ming-hl·2020-07-30 09:54

Vue学习笔记(2)--插值基本语法、动态绑定、计算属性

一、插值基本语法Mustache（胡须，指双大括号）v-once不让界面随意的因为后面的改变而改变该指令表示元素和组件只会渲染一次，不会随着数据的改变而改变。后面不跟表达式{{message}}v-html某些情况下从服务器返回的数据本身是一个html代码，若直接用{{}}进行输出，会将html代码一起输出。如果希望按照html格式进行解析并输出对应内容，就该用到此方法。constapp=newV
Ming-hl·2020-07-30 09:53

vue学习 vue-router

路由知识：这里又涉及到了当初计算机网络中的内容：公网->调制解调器->路由器->电脑在内网中，怎么知道公网中传过来的信息是发送给哪个计算机的呢：在路由器中有一个映射表，就是内网的IP地址：对应着电脑的唯一标识（也就是mac地址），通过映射表正确转发。前端渲染和后端渲染、前端路由和后端路由：1、后端渲染阶段后端路由阶段2、前后端分离阶段：访问过程：得到url之后，先去静态资源服务器获得html、cs
qq_41937087·2020-07-30 09:07

vue学习笔记 循环遍历v-for

vue循环遍历v-for1、v-for遍历数组只获取元素值时：{{item}}例子：{{item}}//books:['《132》','《213》','《321》','《123》']获取元素值和对应下标时：{{index}}+{{item}}例子：{{index}}+{{item}}2、v-for遍历对象只获取value值时：{{value}}/*info:{name:"bsy",age:18,h
qq_41937087·2020-07-30 09:06

vue学习笔记 条件判断

vue学习笔记条件判断1：v-if、v-else-if、v-else基本用法：//condition的类型为Boolean值情况1情况2情况3注：v-if、v-else-if、v-else多用在比较简单的逻辑判断上
qq_41937087·2020-07-30 09:06

vue学习笔记v-model(45-50)

vue学习笔记v-model(45-50)vue中的v-model实现了数据的双向绑定v-model的原理（双向绑定）：v-model实际上是一个语法糖，他背后包含了两个操作：1、v-bind给输入框绑定一个
qq_41937087·2020-07-30 09:06

Vue学习笔记01——插值表达式和事件修饰符

最近学长给我们一个关于前端Vue的教学资料，他认为非常实用，值得我们花时间去学习。我这边的项目也快完成了，省出一些时间，正好可以每天挤出一些时间学习Vue的知识！这是我前两天的学习笔记，正好是个day1内容，和大家分享一下！初始模板初始模板varvm=newVue(){el:"#app",//如果是class则用".app"data:{//数据msg:"输入数据"msg1:"123"...},me
眺望-->夜空·2020-07-30 09:39

和小白一起学习Vue—Vue学习总结篇

Vue学习总结作者：小白的蟒蛇小白撰写，不喜勿喷，错误之处大神请指正。一、基础学习1.基本废话vue的学习要有最基本的前端知识基础。html、css、javascript。
小白的蟒蛇·2020-07-30 09:04

Vue学习 ——1、 vue基础

一、vue学习资源：vue.js官网的教程：https://cn.vuejs.org/v2/guide/二、学习记录2.1介绍：https://cn.vuejs.org/v2/guide/index.html2.2Vue
Mr_XiMu·2020-07-30 07:14

Vue学习笔记 2 - 计算属性/过滤器/自定义指令/监测数组更新/高阶函数/ES6 语法补充/Vue 实例的生命周期

计算属性当需要对数据进行某种转化，并返回转化后的数据时，我们可以使用计算属性。{{fullName}}//注意：fullName是属性，不是函数，不用加()data:{firstName:'LeBron',lastName:'James'},computed:{fullName:function(){returnthis.firstName+''+this.lastName}}计算属性的缓存看起来
Caramely·2020-07-30 07:54

【vue学习】动态组件和异步组件

动态组件image有的时候，在不同组件之间进行动态切换是非常有用的，比如在一个多标签的界面里：imageis上述内容可以通过Vue的元素加一个特殊的is特性来实现在上述示例中，currentTabComponent可以包括已注册组件的名字，或一个组件的选项对象component中绑定参数的方式和普通组件一样image解析DOM模板时的注意事项：有些HTML元素，诸如、、和，对于哪些元素可以出现在其
豆浆牛奶宝宝·2020-07-30 07:34

Vue学习笔记(4)--响应式数组、JavaScript高阶函数、v-model双向绑定

一、响应式数组btnClick(){//1、push()在数组结尾加上数据this.name.push('aa','bb','cc');//2、pop()删除数组的最后一个元素this.name.pop();//3、shift()删除数组中的第一个元素this.name.shift();//4、unshift()在数组最前面添加元素this.name.unshift();//5、splice(从哪
Ming-hl·2020-07-30 07:30

Vue学习——简介、插值表达式、指令

Vue学习——简介、插值表达式、指令简介前端框架三大主流框架：React,Vue,Angular简介：Vue.js是前端的主流框架之一，它是一套构建用户界面的框架，只关注视图层，，它容易上手并且便于与第三方库和其他项目整合
Astra27·2020-07-30 07:42

vue学习笔记 解析diff算法

在vue中，DOM被抽象为一个以JavaScript对象为节点的virtualDOM(虚拟DOM)树，当数据发生改变时，会通过修改virtualDOM，使用diff算法，修改局部的内容，然后将这部分内容以打补丁的方式来修改真实的DOM，来达到视图修改的作用。因为通过diff算法，能得出需要修改的最小单位，所以我们在更新视图的时候，只需要修改这些最小单位，这么做减小了更新的消耗。diff算法diff
前端小黑·2020-07-30 06:26
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他