vue学习

vue学习三：vue初始化的过程二(渲染、生命周期mounted---update)

首先看一下生命周期图：beforecreate到update接下来介绍的是$mountsrc/platforms/web/web-runtime-with-compiler.js。mount的方法主要介绍：compileToFunctions是对我们最后生成的模板进行解析，生成render。下钻到createCompiler实现的是baseComple的三个方法1.constast=parse(t
晒不干的咸鱼·2020-06-25 00:35

赶鸭子上架之Vue学习（一）

Vue下载及安装阿伟的第一个vue代码：Title[v-cloak]{display:none;}+++++++++++++++{{msg}}=============varvm=newVue({el:'#app',data:{msg:'欢迎学习Vue',msg2:'哈哈哈哈哈哈哈哈哈',mytitle:'这是一个自己定义的title'},methods:{//methods中定义了当前vue实例
Lemon Love·2020-06-25 00:14

vue学习 十七 Vue路由和http请求

路由的实现：首先需要cmd将路由模块装上，然后重启项目，多打几遍就熟悉了npmrundev，在下面的黑窗口中，我之前已经装过了路由模块，显示如下npminstallvue-router--save-devnpmrundev然后你需要的就是在main.js文件中引入路由模板，然后使用它，如下图中第一和第二个画圈的部分配置路由什么的参照mode：“history”，的作用是为了去除地址栏中的/#/这个
liusongjing·2020-06-24 14:37

Vue学习笔记（一）——Vue与angularJS比较分析

参考文档：https://cn.vuejs.org/v2/guide/虚拟dom映射到真实dom的机制不同angularJS通过脏检查来实现，当作用域内变量发生变化时会触发脏检查，脏检查会遍历当前虚拟dom树下所有的变量检查是否变化，如果变化则更新对应的真实dom，这个检查动作会执行多次，直到没有变量改变为止。要注意的是，这个遍历动作不会区分变量是否改变，即所有的变量在每次遍历过程中都会检查，这是
讨厌走开啦·2020-06-24 09:30

Vue学习笔记（十六）——组件的懒加载

参考文档一：https://cn.vuejs.org/v2/guide/参考文档二：https://www.cnblogs.com/zhanyishu/p/6587571.html懒加载实质是让页面非必须资源延迟加载，减少页面加载用时，从而达到页面性能优化的目的。在vue工程中，通常会在以下两个场景应用懒加载：1.路由依赖组件的懒加载：路由声明的懒加载组件以及该组件依赖的其他组件会打包成独立的ch
讨厌走开啦·2020-06-24 09:30

Vue 学习笔记1（01-39）（2019.7.28-31）

Vue学习笔记1（01-39）学习地址：https://ke.qq.com/course/279700目录：01-01git下载代码02-27Vue2.x28-39路由精讲40-49Vue-Cli3.050
Allenem·2020-06-24 08:12

VUE学习之------v-show v-if

v-show只是在修改元素的css样式，也就是display的属性值，元素始终在Dom树上，有更高的初始渲染消耗，适合做频繁的额切换；v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点，有更高的切换消耗，不适合做频繁的切换；.isShowStyle{display:block;}.isIfStyle{display:block;}.isIfBtnStyle{display:blo
夜跑者·2020-06-24 06:07

Vue 学习笔记 - 基础（下） 组件基础

Vue学习笔记-基础（下）组件基础基本示例组件的复用组件的组织通过Prop向子组件传递数据单个根元素监听子组件事件在组件上使用`v-model`通过插槽分发内容动态组件通过已注册的组件名字通过组件选项对象解析
笑虾·2020-06-23 23:58

Vue 学习笔记 - 基础（中）

Vue学习笔记-基础（中）条件渲染`v-if``v-show``v-if`vs`v-show`v-if与v-for一起使用(在同一标签上)列表渲染`v-for`遍历数组`v-for`遍历对象维护状态数组更新检测变更方法替换数组注意事项显示过滤
笑虾·2020-06-23 23:58

Vue 学习笔记 - 基础（上）

VUE学习笔记-基础（上）安装VueDevtools直接用＜script＞引入命令行工具(CLI)介绍Vue实例模板语法`{{}}`：文本插值`v-html`：插html`v-bind`指令：绑定属性`
笑虾·2020-06-23 23:58

Vue 学习笔记 - 深入了解组件

Vue学习笔记-深入了解组件组件注册组件名组件名大小写全局注册局部注册模块系统在模块系统中局部注册基础组件的自动化全局注册PropProp的大小写(camelCasevskebab-case)Prop类型传递静态或动态
笑虾·2020-06-23 23:58

Vue学习看这篇就够

转载自：https://juejin.im/entry/5a54b747518825734216c3dfVue-渐进式JavaScript框架介绍vue中文网vuegithubVue.js是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别？Library库，本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者代表：jQu
ivan820819·2020-06-23 20:49

Vue学习-Promise的使用

Promise的三种状态pending：等待状态，如果正在进行网络请求，或者定时器没有到时间fulfill：满足状态，当我们主动回调了resolve时，就处于该状态，并且会回调.then()reject：拒绝状态，当我们主动架回调了reject时，就处于该状态，并且会回调.catch()newPromise((resolve,reject)=>{//模拟网络请求setTimeOut(functio
软件技术开发·2020-06-23 19:00

vue学习笔记（一）

vue学习笔记（一）1.开始一个vue的实例通过script标签引入vue文件或者：在html中创建一个VUE实例Documentvarapp=newVue({el:'#app',//vue会自动查找相匹配的元素
不秃头的赖·2020-06-23 16:10

vue框架简介

vue学习资源vue.js中文官网：http://cn.vuejs.org/vue.js源码：h
胡椒粉0121·2020-06-23 15:31

Vue学习笔记之嵌套路由

一、嵌套路由实际生活中的应用界面，通常由多层嵌套的组件组合而成。同样地，URL中各段动态路径也按某种结构对应嵌套的各层组件，例如：/user/foo/profile/user/foo/posts+------------------++-----------------+|User||User||+--------------+||+-------------+|||Profile||+-----
WebKoalaBoy·2020-06-23 15:14

Vue学习笔记之路由数据获取

数据获取有时候，进入某个路由后，需要从服务器获取数据。例如，在渲染用户信息时，你需要从服务器获取用户的数据。我们可以通过两种方式来实现：导航完成之后获取：先完成导航，然后在接下来的组件生命周期钩子中获取数据。在数据获取期间显示“加载中”之类的指示。导航完成之前获取：导航完成前，在路由进入的守卫中获取数据，在数据获取成功后执行导航。从技术角度讲，两种方式都不错——就看你想要的用户体验是哪种。导航完成
WebKoalaBoy·2020-06-23 15:14

前端-vue学习-组件、路由、脚手架、Vuex

2、组件2.1组件的基本使用组件使用的基本步骤：（可直接看2.4组件注册写法简化）创建组件构造器注册组件使用组件{{message}}//1、创建组件构造器letcpnContruction=Vue.extend({template:'我是标题'});//2、注册组件Vue.component('my-con',cpnContruction);letvue=newVue({el:'#app',da
哈啊哈铪·2020-06-23 12:58

Vue学习笔记——Vue的坑

1、v-for的坑：vue低版本中data里面的items和computed里面可以一样，但是高版本，是不允许相同名称。2、{{}}和v-text和v-html的坑{{xxx}},这种情况是有弊端的，就是当我们网速很慢或者javascript出错时，会暴露我们的{{xxx}}。Vue给我们提供的v-text,就是解决这个问题的。3、遇到：Modulebuildfailed:Error:Cannot
Stephen-James·2020-06-23 11:42

electron-vue学习(二)：打包配置

所以，本次采用的是electron-vue学习(一)：环境搭建建成的样板项目进行打包练习。其目的是为了排除其他因素的干扰。
varz·2020-06-23 09:06

electron-vue学习(一)：环境搭建

基础环境node：v12.10.0npm：6.10.3版本尽量不要相差太大，否则可能会出现一些版本问题。安装vue-clinpminstall-gvue-cli安装electron-vue样板项目vueinitsimulatedgreg/electron-vue（项目名称）安装相关依赖进入创建好的项目内cd（项目名称）执行安装命令，(在这里很容易出现依赖安装报错问题，原因繁多，出错建议使用cnpm
varz·2020-06-23 09:06

Vue学习02--Vue如何使用axios异步请求后台

Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。特征从浏览器中创建XMLHttpRequests从node.js创建http请求支持PromiseAPI拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF安装本项目是使用IDEA软件打开运行的。安装axios时，直接在Terminal中，加入-D表示将该依赖加入到package.j
fumushan·2020-06-23 09:46

Vue学习（1）Vue实例和模板语法

前言开始Vue的学习，主要内容大概仅仅是官方手册的部分内容。主要是作为学习过程中的备忘录，以后可以翻翻快速回忆起Vue的内容。一、起步基础内容指令v-bindv-on:eventv-modelv-forv-if组件化构建a.简单的创建一个模板JS代码Vue.component('todo-item',{tempalte:'这个是例子'})模板b.带传入参数的自定义模板JS代码Vue.compone
好遠·2020-06-23 08:43

vue学习资料一（入门、插值、双向绑定）

VUE构建数据驱动的web界面的库，技术上重点在于MVVM的ViewModel层Document{{msg}}vardata={msg:'hello'}newVue({el:'div',data:data})如果要改变显示内容data.msg='world'data.msg='瑞源先生'插值语法：{{key}}将数据中的数据同步到页面中的过程；vardata={msg:'欧走不力大后天呢色'}va
凯哥开小灶·2020-06-23 06:17

Vue学习笔记四：.sync修饰符

在说明.sync修饰符作用之前，我们需要先弄清楚尤雨溪制定的Vue的三条规则：组件不能修改props外部数据在组件内this.$emit可以触发事件并传参$event可以接收this.$emit传递的参数那么当我们想要在组件内修改外部数据时，我们可以利用以上三条规则：组件内部触发事件update:title并传递参数newTitle给$event：this.$emit('update:title'
Prayx·2020-06-22 18:16

Vue学习之荏苒资讯项目（一）

Vue学习之荏苒资讯项目（一）创建项目目录创建项目的主目录E:\web_project>mkdirrenranE:\web_project>创建前端项目主目录E:\web_project>vueinitwebpackrenran_pc
surpass_w·2020-06-22 17:00

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

前端流行框架Vue学习1.初识Vue1.1Vue是什么简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。
Tiger_shl·2020-06-22 06:55

Vue学习笔记（二）：购物街开发

Vue.js仿蘑菇街项目开发该项目基础来源于coderwhy:https://github.com/coderwhy/HYMall我完成的项目地址：https://github.com/IronManTonyStark/Mall-Vue.js原项目有些小bug有修复，有些地方有点改动。总结了下学习的过程，大概如下：一.项目配置1.1目录结构network->网络请求模块components->co
SheernTay·2020-06-22 05:54

vue学习之前言

vue.js是什么官网截图看完一脸懵逼，哈哈，一脸懵逼就对了，简单的一句话概括就是：vue.js是一个优秀前端框架。起步在学习vue之前，你需要对以下知识有一定的了解：htmlcssjswebpacknode.js注意：如果你以前没有接触过前端工程化（使用构建工具）的知识，那么希望你不要和萌新一样，以传统的前端开发思维（一个.html文件即为一个页面，每个.html通过不同的链接来访问）来学习vu
第三只筷子·2020-06-22 04:57

Vue学习之旅Part10：在Vue中通过vue-router实现路由嵌套

随着Vue单页应用(SPA)变得复杂需要使用路由嵌套路由嵌套允许更复杂的用户界面以及相互嵌套的组件如果对Vue的路由不太熟悉请参看我的另一篇博客：Vue学习之旅Part9：使用vue-router实现前端路由和参数传递路由嵌套即路由的组件内部还有子组件适用于很多业务场景实现路由嵌套的步骤比较简单首先在路由对象里定义子路由
Piconjo_Official·2020-06-22 03:17

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

在文章最后附有vue学习链接。因为本文用到了很多知识点，在文章最后也有相关知识点链
爱编程的小和尚·2020-06-22 02:10

Vue学习之watch监听器详解

Watch监听器详解疫情期间在家蹲得都变懒咯，有短时间没写博客啦这次萌芽跟大家来谈谈Vue中的watch监听器！周末有小伙伴跟萌芽提到“深度监听”这个词，我寻思着不就是watch吗？怎么还分深的浅的？后来查了下才发现是萌芽小白了。watch基本上可以分为三种模式:【浅监听】【深监听】【局部监听】这里萌芽先讲一下watch监听器是什么以及使用方式。[官方对watch的解释]观察Vue实例上的一个表达
萌芽子·2020-06-22 01:57

Vue学习入门----实现一个todoList案例

关于vue的优点就不讨论了，这里直接上项目。1、添加vue.js的依赖库2、编写html网页代码如下：TodoList提交{{item}}//新建一个vue实例varapp=newVue({el:'#app',data:{//list是一个数组list:[],inputValue:''},//函数要定义在对应的Vue实例里面methods:{handleSubmit:function(){//这里
MagicMHD·2020-06-22 01:42

Vue学习从入门到精通（一）

  最近公司由于业务拓展，需要进行小程序相关的开发，本着朝全栈开发者努力，决定学习下Vue，去年csdn送了一本《Vue.js权威指南》，那就从这本书开始练起来吧。哟吼。###一，环境搭建今天主要说一下如何搭建环境，以及如何运行。####1,npm安装brewinstallnpm如果brew没有安装的话，大家可以brew如何安装哦，这里就不再详细说明了。####2,安装vue-clivue-cli
JackLee18·2020-06-21 21:33

2019年React学习路线图

作者｜javinpaul译者｜无明之前我们已经介绍了2019年Vue学习路线图，而React作为当前应用最广泛的前端框架，在Facebook的支持下，近年来实现了飞越式的发展，我们将在下文中介绍2019
Charlie8915·2020-06-21 18:16

Vue学习总结（一）

VUX安装npminstallvux需要对build/webpack.base.conf.js文件进行配置constvuxLoader=require('vux-loader')constwebpackConfig={}//替换原来的module.exportsmodule.exports=vuxLoader.merge(webpackConfig,{plugins:['vux-ui']})//最
景象·2020-06-21 16:02

vue学习笔记

vue.js提醒：Vuejs如今正处在快速发展中，很多资源随时都有可能过时（outdated），记得查看最新文档，使用最新资源。Vue的官方说明数据驱动的组件，为现代化的Web界面而生。Vue.js（读音/vjuː/,类似于view）是一个构建数据驱动的web界面的库。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。Vue.js自身不是一个全能框架——它只聚焦于视图层
c盖世·2020-06-21 15:01

Vue学习-基本概念理解

登录Vue的网站，来到教程学习这个页面，首先映入眼帘的就是这句话：Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。看到渐进式框架是让人有点
Adiwy·2020-06-21 15:52

四、vue学习之路由

vue路由constLogin={template:'我是登录'};constRegister={template:'我是注册'};constroutes=[{path:'/login',component:Login},{path:'/register',component:Register}]constrouter=newVueRouter({routes//(缩写)相当于routes:rou
一个名字很长很长很长的JAVA工程师·2020-06-21 14:08

六、vue学习之嵌套路由

vue嵌套路由constHome={template:'注册登录'};constRegister={template:'我是注册页面'};constLogin={template:'我是登录页面'};constroutes=[{name:'home',path:'/home',component:Home,children:[{name:'register',path:'register',com
一个名字很长很长很长的JAVA工程师·2020-06-21 14:08

五、vue学习之动态路由匹配

vue动态路由匹配constLogin={template:'我是登录,用户:{{$route.params.userName}}'};constRegister={template:'我是注册,用户:{{$route.query.userName}}'};constroutes=[{name:'login',path:'/login/:userName',component:Login},{na
一个名字很长很长很长的JAVA工程师·2020-06-21 14:08

VUE学习之路（一）--- 初识VUE

一、初识VUE资料来源：vue官网API文档安装：同一般JS组件安装，引用CDN、或者引用其js文件兼容性：Vue不支持IE8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器。二、基础语法（散装梳理）varvm=newVue({})demo:newVue({el:"#vue-app",data:{name:"Vue",isBut
manjh·2020-06-21 12:00

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

Vue基础知识学习网站【中文】https://cn.vuejs.org/v2/guide/Vue路由知识学习网站【中文】https://router.vuejs.org/zh/guide/Vuex更为复杂的Vue知识学习网站【中文】https://vuex.vuejs.org/zh/Vue脚手架搭建和使用学习网站【中文】https://cli.vuejs.org/zh/guide/Vue自学可以参
weixin_34221073·2020-06-21 11:04

【Vue学习总结】2.Vue环境搭建、运行第一个项目

接上篇《1.入门介绍：Vue解决了什么痛点？》上一篇我们介绍了整个前端的技术栈情况，以及对Vue进行的基本介绍和其优点和特色，本篇我们来搭建Vue的运行环境，并构建一个官方实例工程运行。我们登录Vue的官网https://cn.vuejs.org，可以看到Vue的起步按钮，其三个特色也在首页进行了标明：一、搭建Vue的开发环境在使用Vue之前，我们首先要搭建Vue的环境，我们点击上面的“起步”按钮
光仔December·2020-06-21 10:14

Vue学习笔记一：Vue的初见

1.Vue两个版本的区别Vue分为完整版和非完整版(runtime版)两个版本Vue完整版Vue非完整版评价特点有compiler无compilercompiler多占40%空间视图写在html里或者写在template选项里写在render(h)函数里用h来创建标签h是Vue写好传给render的cdn引入vue.jsvue.runtime.js文件名不同，生产版本的后缀都为.min.jsweb
Prayx·2020-06-21 09:38

vue学习笔记

一：v-if作用：判断是否加载固定的内容，如果为真，就加载，否则不加载用处:用在权限管理，页面加载语法:v-if="判断表达式"特点:控制元素插入或删除，而不是隐藏（v-show是隐藏）v-if与v-show的区别:v-if的安全级别更高，v-show只是隐藏了，通过页面源代码还是可以看到，安全级别低、v-if更高的切换消耗（切换消耗指从未加载到加载或者从加载到未加载的状况，需要添加或删除这个元素
我的包子·2020-06-21 05:03

lambda表达式用于替换函数式接口

构建中小型互联网企业架构（干货）python学习持续更新ElasticSearch笔记kafkastorm实战(干货)scala学习持续更新RPC深度学习GO语言持续更新Android学习nginx相关文章vue
chenshiying007·2020-06-21 04:39

Feign如何统一 添加header参数

构建中小型互联网企业架构（干货）python学习持续更新ElasticSearch笔记kafkastorm实战(干货)scala学习持续更新RPC深度学习GO语言持续更新Android学习nginx相关文章vue
chenshiying007·2020-06-21 04:39

Vue学习之路3-浅析Vue-cli搭建项目后的目录结构

1.前言Vue并不限制你的代码结构。但是，它规定了一些需要遵守的规则：1、应用层级的状态应该集中到单个store对象中。2、提交mutation是更改状态的唯一方法，并且这个过程是同步的。3、异步逻辑都应该封装到action里面。2.项目文件目录显示如下3.项目文件解析3.1build文件build：文件夹下存放webpack的一些配置，webpack是前端网站的一种项目编译、运行、打包工具。bu
小子pk了·2020-06-21 04:01

vue学习（五）—vue-cli构建vue项目目录结构

安装node.js下载地址：https://nodejs.org/zh-cn/download/直接进行安装，安装完成node.js后自动帮助完成npm的安装，查看是否完成可以到环境配置中查看。查看npm是否安装成功并安装vue-cli安装Vue2Snippets插件安装淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.org在npm-v命令后
晓果博客·2020-06-21 01:03
上一页 38 39 40 41 42 43 44 45 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他