vue学习

Vue学习笔记进阶篇——列表过渡及其他

本文为转载，原文：Vue学习笔记进阶篇——列表过渡及其他本文将介绍Vue中的列表过渡，动态过渡，以及可复用过渡是实现。
weixin_30362801·2020-08-04 04:21

vue学习之深入响应式原理

vue的响应式原理当你把一个普通的JavaScript对象传入Vue实例作为data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty把这些属性全部转为getter/setter。’Object.defineProperty是ES5中一个无法shim的特性，这也就是Vue不支持IE8以及更低版本浏览器的原因。这些getter/setter对用户来说是不可见的，但是
顾思鸣·2020-08-03 23:05

Vue学习笔记（十七）——$nextTick()的使用场景

尽管Vue不建议开发者去操作真实dom，但在实际开发中仍然会有部分操作真实dom的场景。初学者在操作真实dom的时候一定会遇到下面这样的问题：页面使用了Vue的某个变量，希望在变量更新后立即操作变量映射的dom，但是发现查询到的dom信息是更新之前的。解决方案：这个问题是由于更新Vue的变量后不会立即更新变量映射的dom，但是Vue提供了$nextTick()方法，我们可以把希望在真实dom更新完
讨厌走开啦·2020-08-03 19:30

Vue学习总结

webstorm创建vue项目后立即运行可能会报一些框架未安装的错误，可以先等一下，估计是后台安装。v-for错误报错代码{{todo.text}}报错提示✘https://google.com/#q=vue%2Frequire-v-for-keyElementsiniterationexpecttohave'v-bind:key'directivessrc/components/AboutUs.
jimmychenj·2020-08-03 15:06

Vue学习过程中由自定义组件命名引起的错误

在运行该实例时出现了一些错误：组件大号字像H1一样Vue.component('showBigfont',{template:''+''+''})varmyDemo=newVue({el:'#myDemo',data:{},})错误如下：Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursiveco
Kratial·2020-08-03 13:40

vue学习【使用webpack完善配置】

上一篇文章已经可以启动网页了！Now,weneedtoinstallsomeLoadersforsomekindsoffiles.npminstallcss-loader--save-devnpminstallstyle-loader--save-dev安装完成后，在config中配置Loadermodule:{rules:[{test:/\.css$/,use:['style-loader','
Rachel~Liu·2020-08-03 03:37

Vue学习笔记（二） —— 组件开发

简介在了解了Vue语法的基础知识和常用特性之后，在进行正式的开发之前，非常有必要的对组件化的相关知识进行了解。本文就是为介绍组件的相关知识点的。1、组件化开发思想现实生活中的组件化思想主要是：标准，分治，重用和组合。而软件上的组件化思想，其实都是对上面所说的进行抽象表示，然而每种语言所用的标准可能又不相同。组件化规范：WebComponents但是这个规范并不是所有的浏览器都支持我们希望尽可能多的
寒冰屋·2020-08-03 02:15

Vue学习笔记（五）—— 状态管理Vuex

有兴趣的朋友可以看看之前的文章：Vue学习笔记（一）——常用特性Vue学习笔
寒冰屋·2020-08-03 02:15

Vue学习笔记（四）—— 前端路由

有兴趣的朋友可以看看之前的文章：Vue学习笔记（一）——常用特性Vue学习笔记（二）——组件开发Vue学习笔记（三）——前后端交互1、路由基本概念与原理1.1路由路由是一个比较广义和抽象的概念，路由的本质是对应关系
寒冰屋·2020-08-03 02:15

Vue学习笔记（三） —— 前后端交互

有兴趣的朋友可以看看之前的两篇文章：Vue学习笔记（一）——常用特性Vue
寒冰屋·2020-08-03 02:15

Vue学习笔记（一）—— 常用特性

简介Vue的常用特性其实也是Vue语法的一部分，只是为了学习方便，所以单独拿出来进行说明，学习上也显得更清晰。对于基础部分，可用参考官网上的介绍。Vue常用特性表单操作自定义指令计算属性侦听器生命周期1.1表单操作1、基于表单的操作Input单行文本textarea多行文本select下拉多选radio单选框checkbox多选框2、表单域修饰符number：转化为数值trim：去掉开始和结尾的空
寒冰屋·2020-08-03 02:14

VUE学习笔记整理（二）

上一篇笔记：https://blog.csdn.net/ws19900201/article/details/98875039vue指令v-showv-ifv-elsev-for@clickv-textv-htmlv-bind:href:hrefv-modelv-oncevue生命周期+组件beforeCreate未生成created生成有属性和方法beforeMount挂载前mounted已经挂
幽幽靖·2020-08-02 19:15

Vue入门学习笔记3 vue全局API整理

Vue入门学习笔记3vue全局API整理这是学习vue的第三篇文章了，前面两篇分别介绍了vue入门和vue的内部指令，这篇将介绍vue的全局API官方文档vue学习笔记1Vue入门vue学习笔记2Vue
会左勾拳的螳螂·2020-08-02 17:32

Vue学习笔记整理(一)

参照视频coderwhy老师的Vue目前笔记积累到P62原本没打算整理笔记，结果p63看懵了，然后开始整理起来笔记部分笔记参考Vue笔记整理一些之前Vue基础v-bind的基本使用某些时候我们并不想将变量放在标签内容中，像这样{{message}}是将变量h2标签括起来，类似js的innerHTML。但是我们期望将变量imgURL写在如下位置，想这样导入图片是希望动态获取图片的链接，此时的imgU
非幡动·2020-08-02 16:58

vue2.0学习笔记

Vue2.0学习笔记Vue学习第一天–笔记一这篇博客仅用来记录本人学习vue的过程以及在过程中遇到的疑难问题及解决方法环境搭建1.安装node.js，nodeJs官网下载最新版本安装，具体安装和环境配置参考这篇博客
zsmSUSU·2020-08-02 15:18

Vue学习笔记

黑马程序员–vuejs视频学习笔记，视频链接day01一、Vue课程简介前5天：学习Vue基本语法和概念；打包工具：webpack，gulp；后五天：以项目驱动教学。二、什么是Vue.js三、为什么要学习流行框架企业为了提高开发效率，使用框架就能提高效率；提高发开发效率的历程：原生JS->Jquery之类的类库->前端模板引擎->Angular.js/Vue.js；（能够让我们减少不必要的DOM操
闪黑·2020-08-02 14:04

Vue学习笔记第一天--知识点

数据流1向：js内存属性发生改变，影响页面的变化1向：页面的改变影响js内存属性的改变vue中常用的v-指令演示常用指令v-text是元素的innerText只能在双标签中使用v-html是元素的innerHTML，不能包含v-if元素是否移除或者插入v-show元素是否显示或隐藏v-model双向数据绑定，v-bind是单向数据绑定(内存js改变影响页面)class结合v-bind使用需要根据可
weixin_33743880·2020-08-02 14:53

VUE学习笔记

基础结构：varapp=newVue({el:'#app',data:{},computed:{},methods:{}})js经典方法：//数字排序functionsortNumber(a,b){returna-b}//数组对象方法排序:functionsortByKey(array,key){returnarray.sort(function(a,b){varx=a[key];vary=b[k
zhangfang2741·2020-08-02 14:22

Vue学习笔记第一天

vue常用指令及入门vue常用指令及入门准备复习今日重点es6webpack-ES6的处理ES6中的模块ES6中的代码变化vue单文件方式以单文件的方式启动vue介绍数据流vue中常用的v-指令演示class结合v-bind使用methods和v-on的使用v-for的使用漂亮的列表父子组件使用父传子看文档的对象分类子向父组件通信（vuebus）(扩展)总结过滤器获取元素vue构建方式准备1.后端
superbeyone·2020-08-02 13:53

Vue学习笔记

Vue框架1.Vue简介Vue开发者是尤雨溪，是受到angular启发，是一个实现UI层的渐进式的js框架2.什么是框架框架是指一套非常优秀可被反复使用的代码.3.框架优势a.提高了代码的复用率b.降低模块之间的耦合度c.提高开发速度d.提高代码质量4.特点a.非常好的中文文档b.体积小c.基于组件(webcomponent)开发方式MVVMvue.js是当前一个js的MVVM库，它以数据驱动和组
觅香·2020-08-02 13:44

vue

vue学习笔记整理一、安装1、CDN2、npmnpminstallvue若报错，先执行npminit-f，再执行npminstallvue3、开发版本重要:GitHub仓库的/dist文件夹只有在新版本发布时才会提交
是一天吖·2020-08-02 13:39

6.29 Vue 第二天 学习笔记

6.29Vue学习笔记1.Vue等框架等特点，框架解放程序员，适合做单页面程序，2.案例学习，品牌管理案例，主要学习有，添加操作，删除操作，搜索操作，删除操作中的函数学习了两遍。
不正经的前端程序员·2020-08-02 13:32

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