vue学习

vue学习指南：第三篇(详细) - vue的生命周期

今天小编给大家详细讲解一下vue的生命周期。希望大家多多指教，哪里有遗漏的地方，也请大家指点出来谢谢。一、怎么理解Vue的生命周期的？生命周期：从无到有，到到无的一个过程。Vue的生命周期对组件来说的或实例来说。简单理解：比如我们都知道js中的定时器，定时器都有开始的那一秒，已经执行过程中，最后执行完毕，我们的Vue的生命周期就好像定时器一样，有许多过程，他们就像钩子一样，相互牵连着。1.在Vue
硅谷之火·2019-08-28 21:00

springboot打成jar后获取classpath下文件失败

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

Vue学习笔记

入门data:用于定义属性methods用于定义的函数{{}}用于输出对象的属性和函数的返回值当vue实例被创建时,它向vue的响应式系统中加入其data对象中能找到的所以属性当这些属性值发生改变时,html视图也会发生相应的变化模板语法文本:{{}}vue测试{{message}}{{test()}}{{message2}}newVue({el:"#app",data:{message:"Hel
JaminYe·2019-08-20 09:00

Vue学习之vuex（vue状态管理）

如果学过vue.js的话，大家一定知道在vue中各个组件之间传值的痛苦，在vue中我们可以使用vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新，下面就简单的介绍一下vuex是如何修改状态值的：新建一个项目，项目创建后，然后安装vuex，使用命令：npminstallvuex--save（安装vuex保存到本地）。这个时候需要在src目录下新建一个目录store，在该
北海ぉ情书·2019-08-19 09:22

vue学习 十六 Vue生命周期

下图展示了实例的生命周期。不需要立马弄明白所有的东西，不过随着不断学习和使用，它的参考价值会越来越高。Vue有八种生命周期方法：Beforecreate组件实例化之前的函数Created组件实例化完毕，但页面还没显示Beforemount组件挂载前，页面没有显示，但虚拟Dom已经配置Mounted组件挂载后，该方法执行后页面显示Beforeupdate组件更新前，页面未更新，但虚拟Dom已经配置U
liusongjing·2019-08-15 22:55

vue学习

VueCLI3.0介绍：https://cli.vuejs.org/zh/guide/VueCLI3.0配置参考https://cli.vuejs.org/zh/config/https://youzan.github.io/vant/#/zh-CNhub.com/shimiso/VueFrameWorkhttps://shimiso.github.io/VueFrameWork/dist/#/h
张孝国·2019-08-15 14:03

vue学习指南：第一篇 - vue的介绍

三大主流框架：1.Vue.js是目前最火的一个前端框架，react是最流行的前端框架(react除了开发网站，还可以开发手机app，Vue语法也是可以用于手机App开发的，需要借助于wexx)。2.Vue.js是前端主流框架之一，和angular和react一起并称为三大主流框架。3.Vue.js是构建用户界面的框架，只关注视图层(视图层只针对前端页面)，它不仅容易上手，还便于与第三方库或既有项目
硅谷之火·2019-08-13 10:00

Vue学习笔记_新手报错整理

报错：vue.js:634[Vuewarn]:Propertyormethod"w"isnotdefinedontheinstancebutreferencedduringrender.Makesurethatthispropertyisreactive,eitherinthedataoption,orforclass-basedcomponents,byinitializingtheproper
橙橙鲁·2019-08-12 14:36

vue学习 六 计算属性Computed的详解

计算属性：首先，我们得知道什么的计算属性，有什么用？看下面例子，不难看懂，我们给按钮事件让其能让a的值或b的值自增1，然后addToA方法和addToB方法就是将age的值和a相加。这时候就有一个问题，当我们直接在浏览器刷新的时候，我们事先写好的输出直接就显示出来了，而且是A和B都输出了，看console中的结果。而当我们点击一次“AddtoA”时，A的值增加1，而两个方法又一次同时执行了一遍，就
liusongjing·2019-08-12 00:22

vue学习 三 事件绑定v-on的使用

v-on：我的理解是绑定事件监听器，比如鼠标点击事件绑定，然后就可以写函数去做一些交互了如下：给点击事件click绑定，设置add有参方法后就可以让age在点击时自增一，再者就可以给双击事件dblclick绑定等等，所以v-on的作用就这样，v-on的缩写形式：效果一样增加一岁#canvas{width:600px;padding:200px20px;text-align:center;borde
liusongjing·2019-08-11 09:38

vue学习【二】vue结合axios动态引用echarts

大家好，我是一叶，本篇是vue学习的第二篇，本篇将要讲述vue结合axios动态引用echarts。
yyzhiqiu·2019-08-08 17:00

【vue学习】生命周期

马老师的VUE生命周期教程image.pngVue实例虽然没有完全遵循MVVM模型，但是Vue的设计也受到了它的启发。因此在文档中经常会使用vm(ViewModel的缩写)这个变量名表示Vue实例。一个Vue应用由一个通过newVue()创建的根Vue实例，以及可选的嵌套的、可复用的组件树组成。所有的Vue组件也都是Vue实例，并且接受相同的选项对象(一些根实例特有的选项除外)。每个Vue实例在被
前端菜篮子·2019-08-08 11:24

[Vue学习]Vue开发流程-移动端配置(使用px2rem)

在上一步创建好“webpack”模板项目后，需要修改一下项目配置src/app.vue设置首先是把src/app.vue中的logo去掉然后根据需要去除浏览器的一些默认样式src/main.js设置由于要做移动端开发适配,因此在main,js中导入rem转px函数公式,本人在src下新建了config目录,并在config目录下新建了rem.js文件导入rem.jssrc/config/rem.j
音无级鹦鹉螺号·2019-08-08 11:41

vue学习【番外篇】vue-cli脚手架的安装

大家好，我是一叶，今天和大家分享的是vue-cli脚手架的安装，关于vue-cli的优点，我就不赘述了。一、检查安装node安装vue-cli之前，先检查node是否安装。win+R，输入cmd打开命令面板，输入node-v进行查看，如图1所示。图1如果还没安装node的小伙伴，可以访问node安装地址：http://nodejs.cn/download/，如果不会安装，百度便可，因为他不是本文的
yyzhiqiu·2019-08-07 13:00

Vue学习笔记

学习Vue的一系列文章，主要是参考官方文档，同时结合自己的一点点心得体会整理而成有不足之处还请多多指正，下面先附上Vue的官方文档：教程：https://cn.vuejs.org/v2/guideAPI：https://cn.vuejs.org/v2/api/风格指南：https://cn.vuejs.org/v2/style-guide/Cookbook：https://cn.vuejs.org
wsmrzx的博客·2019-08-07 09:00

vue学习【一】vue引用封装echarts并展示多个echarts图表

大家好，我是一叶，经过一段时间对vue的学习，我打算把vue做一个系列，把踩过的坑和大家分享一下。现在开始第一章：vue引用并封装echarts在文章开始前，我先舔波echarts（真香）。阿里的G2和百度的echarts都是很不错的，echarts上手难度小，并且用户多，文档多，生态环境较好，所以中小项目的话echarts就是首选。加个题外话，我把G2、echarts都po出来，大家凭喜好选取。
yyzhiqiu·2019-08-05 11:00

Vue.js 数据绑定、指令、事件

JavaScriptvarapp=newVue({//element，用于指定页面中已经存在的DOM元素，挂载到DOM中，也可以是cssel:'#app',//可以声明应用内需要双向绑定的数据data:{message:'Vue
封燐·2019-08-05 03:03

Vue学习日记4

1.e2e解析：模拟用户行为的测试。2.vue关闭代码规范extrasemicolon解析：将config/index.js中的useEslint的值改成false。3.Vue常用指令解析：[1]v-text：用于更新绑定元素中的内容[2]v-html：用于更新绑定元素中的html内容[3]v-if：用于根据表达式的值的真假条件渲染元素[4]v-show：用于根据表达式的值的真假条件显示隐藏元素[
1000sprites·2019-08-04 10:12

vue-js获取input输入值---vue学习笔记

{{getStr}}获取varvm=newVue({el:'#app',data:{str:'初始值',getStr:null,},created:function(){//thecreatedhookiscalledaftertheinstanceiscreated},computed:{},methods:{btnClick:function(){this.getStr=this.str.to
秦浩雷·2019-08-01 21:52

vue学习笔记

(1)父子组件的使用：*父和子，使用的父组件，被用的是子组件*父需要引入子组件然后声明子组件import子组件对象from'./xxx.vue'----引入子组件.......在javascript中.....{components:{组件名称：子组件对象}}(2)全局组件的使用*在main.js中引入一次；----import组件对象from'./xxx.vue';*vue.component(
bzuld·2019-08-01 15:53

VUE学习笔记——基础

VUE学习笔记第一部分：基础知识vue的基本认识vue的基本使用模板语法计算属性和监视class与style绑定条件渲染列表渲染列表的搜索和排序事件处理表单事件的自动收集VUE的生命周期动画过滤器指令第一部分
喝啤酒的猫·2019-07-27 16:59

Vue真是太好了 壹万多字的Vue知识点 超详细!

️1⃣️、Vue和其他两大框架的区别Angular学习成本太高React代码可读性差Vue学习成本较低很容易上手传送门https://cn.vuejs.org/v2/guide/comparison.html️2⃣️
蓝海00·2019-07-25 14:08

Vue学习笔记

文章目录Node.jsVue简介Node和NPM下载Node.jsNPMdemo双向绑定v-model:数据模型事件处理v-on:事件名=js表达式生命周期函数指令插值表达式花括号插值闪烁v-text和v-htmlv-modelv-on基本用法事件修饰符按键修饰符组合按钮v-for遍历数组数组角标遍历对象keyv-if和v-show基本使用与v-for结合v-elsev-showv-bind（渲染
dustdawn·2019-07-24 23:42

Vue学习笔记（三）------配置项

包管理工具和配置项npm和package.jsonnpm是NodePackageManager的简称，顾名思义，它是node的包管理工具，也是目前世界上最大的开源库生态系统。使用vue-cli来构建自己的项目，并生成了相应的目录结构，而在最外层目录中，我们可以看到有package.json这一文件，该文件便是我们需要了解的包管理文件，例如：{"name":"my-project","version
静水流深之鑫·2019-07-20 17:15

Vue学习笔记（一）

这里写自定义目录标题一、前端流行框架二、渐进式框架三、Vue框架1.v-for2.v-if/v-else/v-show3.事件处理v-on4.系统修饰键5.双向数据绑定：v-model6.值绑定7.样式绑定8.类绑定四、Vue框架网页五、与jQuery相比1.DOM操作少了2.支持双向数据绑定3.支持组件化五、缺点六、最优用处一、前端流行框架Bootstrap：CSS框架，移动设备优先的前端开发框
王木木木木·2019-07-19 18:22

Vue实战教程之仿肯德基宅急送App

Vue学习有一段时间了，就想着用Vue来写个项目练练手，弄了半个月，到今天为止也算勉强能看了。
三口木·2019-07-19 13:31

Vue学习（二）

使用vue-cli创建vue项目。vuecreate“项目名”或vueui。（项目名需要有“-”，比如：hello-world）项目创建成功后目录如图：build：打包使用config：配置目录node_modules：存放项目开发的依赖模块src：开发目录static：静态资源，图片、字体store.js是vuex所需要使用的文件。router.js，为vue的路由。main.js是初始化vue
Livingdd·2019-07-15 22:41

Vue学习笔记-day4

nrm的安装使用作用：提供了一些最常用的NPM包镜像地址，能够让我们快速的切换安装包时候的服务器地址；什么是镜像：原来包刚一开始是只存在于国外的NPM服务器，但是由于网络原因，经常访问不到，这时候，我们可以在国内，创建一个和官网完全一样的NPM服务器，只不过，数据都是从人家那里拿过来的，除此之外，使用方式完全一样；运行npminrm-g全局安装nrm包；使用nrmls查看当前所有可用的镜像源地址以
AriesZzz·2019-07-14 16:26

Vue学习笔记day3

定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使用Vue.extend配合
AriesZzz·2019-07-14 10:12

vue学习笔记（三）

1.计算属性在业务逻辑中遇到复杂的计算的时候使用计算属性结果显示如下2.计算属性与方法的区别可以使用methods来替代computed，效果上两个都是一样的，但是computed是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而methods在重新渲染的时候，函数总会重新调用执行。computed效果会更好一下，如果场景中不想存在缓存的话，选择methods.3.侦听属性当你有一些数据需
独宠子沫·2019-07-12 09:46

vue学习笔记（二）

接上篇1.vue模板语法Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，Vue能够智能地计算出最少需要重新渲染多少组件，并把DOM操作次数减到最少。（1）插值（基本的数据绑定）对应的数据随绑定值的
独宠子沫·2019-07-11 08:15

vue学习总结

1.框架和库的区别**框架（framework）：有着自己的语法特点、都有对应的各个模块。库（library）：专注于一点。框架的好处：提到代码的质量，开发速度提高代码的复用率降低模块之间的耦合度（高内聚低耦合）UI：userinterfaceGUI：graphicaluserinterfaceCLI：commandlineinterfaceAPI：applicationinterface思维模式
qq_41867535·2019-07-11 08:30

Vue学习笔记（二十）——Vue为什么不推荐直接操作dom

Vue不推荐开发者直接操作dom（当然这并不表示不能这么做），有以下几个原因：破坏了代码模块化结构导致代码腐化：组件原本可以控制哪些dom操作可以对外暴露（即对应methods中的方法），但直接操作dom跳过了这个控制，这会导致不可预料的后果。例如组件A中有一个输入框，且组件A没有暴露可以删除输入框的方法，此时组件A会认为输入框是必定存在的，可以放心获取输入框的信息，但在其他组件中通过直接操作do
讨厌走开啦·2019-07-10 11:31

Vue学习（一）

webstorm安装教程：https://www.weiyiqi.net/html/cyrj/379.html2-3Vue文件结构：templatescriptcss样式指令：vbind-->简略可以写成“:”v-on@clickv-if{{msg}}//双括号表达varapp=newVue({el:'#app',data:{//数据表达方式msg:'HelloVue!'}，watch{msg:f
Alternative_19·2019-07-09 00:22

五、VUE学习笔记 5 | 进阶 Vue CLI---路由

目录1、安装路由组件的设定-仅两步2、第一个例子3、动态路由4、嵌套路由5、路由拼图6、重定向及别名7、多参数路由1、安装VUECLI可以选择安装，如果没有安装则运行以下命令$npminstallvue-router--save--save-exact路由组件的设定-仅两步1、src/router/index.js---路由的配置文件，做组件映射importVuefrom'vue'importRo
shawn_jing128·2019-07-03 20:39

Vue学习笔记

Vuevue在MVVM中充当ViemModel层，与jQuery不同的是，vue面向数据编程，jQuery面向DOM编程Vue常用知识点(模板语法、条件渲染、列表渲染)vueinitwebpack[项目名]----初始化项目模板语法newVue({el:'.bg',//挂载点template:'{{msg}}',//模板data:{msg:'hellovue'}，methods:{//存储方法,使
BZeHong·2019-07-02 14:39

vue学习（一）基础知识

vue框架的介绍网上有很多。这里记录一下自己的学习过程。首先引入js包1.数据绑定{{content}}varapp=newVue({el:'#test',data:{content:"测试"}})2.class绑定第一种方式：其中class的样式是否显示与isActive的值有关，如果为true。则显示，false不显示。ceshivarapp=newVue({el:'#test',data:{
若往夕之·2019-07-02 11:07

vue学习笔记(下)

这篇文章是接着我的上部vue学习笔记写的,之所以分开写这两篇文章是因为我意识到不知道什么时候就写了非常多的字了,所以我决定拆分来写,这一篇我一定写得比上一篇还要简洁争取用更少的字更通俗易懂的解释让大家都能学会甚至精通
看物看雾·2019-06-29 10:28

vue学习笔记(上)

Vue一文学会?Vue大家都知道就是一个国内非常流行的框架，最近因为过了许久没用Vue对于Vue的许多早已淡忘，所以目前正在复习Vue顺便记录一下笔记，以后忘了也可以进行查证，因为这是根据自己的性格所写的笔记，可能大家会看不懂，如果看不懂请尽量不要试着看，可以去看看其他的博主写的文章！起步如果需要知道怎么使用webpack手动搭建vue环境的麻烦传送那么我们还是使用Vue的官方cli进行构建Vue
看物看雾·2019-06-27 16:06

VUE学习整理_001

我为什么要学VUE？济南这个城市是个很奇怪的城市，它总能敏锐的触摸到社会的发展动向，或许也不是那么敏锐，但总算是及时，不会落后太多落伍太久，总能跟上。但更妙的是绝对会坚定不移的贯彻着国家的推行政策，别的不敢多说，单说下智慧中国以来，作为省会城市的济南，软件公司拿下的智慧城市、智慧党政、智慧社区、智慧这啊智慧那的订单是一波又一波，于是整个城市看起来都现代化了很多，而作为“智慧”驱动的互联网行业，自然
猿自在·2019-06-27 16:28

AntDesign vue学习笔记（三）嵌套路由使用

本项目目前结构如下1、Login页面=》MainFrm页面=》MainFrm左部菜单，右边是显示区域可以切换子页面。2、当点击左部菜单时，右边的子页面随着进行切换。实现关键代码如下1、修改router下的index.jsexportdefaultnewRouter({routes:[{path:'/',name:'登录',component:Login}{path:'/MainFrm',name:
weixin_30721899·2019-06-24 20:00

Vue基础(一)

Vue学习框架和类库前端从后端获取到数据之后，如何将其展示到页面上？原生DOM操作，将数据一个个的往上放字符串拼接法模板引擎数据驱动的MVVM框架Vue等这些框架做的事情，其实就是简化数据渲染的操作！
Felix皇子·2019-06-20 22:17

Vue学习笔记-基础篇

文章目录Vue的重点：Vue的基本属性的用法事件修饰符事件冒泡：Vue的重点：组件通信，状态管理，复用，事件管理减少不必要的DOM操作，提高渲染效率，双向绑定概念，只需要关心数据的业务逻辑。Vue实例中的都是配置对象Vue获取一个div之后，div中所有数据直接用{{}}(插值符号)就可绑定，Vue实例控制的元素区域new出来的是Vue实例，也就是MVVM中的vm调度者，配置对象就是M，div视图
AriesZzz·2019-06-20 19:47

VUE学习笔记 const _this = this

b856486b090a6da8d2d396a543f84e4.png关于const_this=this当前VUE中的this是指向实例，相当于父级，指向指不到子级中。所需需要一个变量_this存储this得指向。还有一种方式，不用考虑const_this=this。将.then(()=>{})和.catch(()=>{})中的function换成箭头函数，因为箭头函数中的this是指向当前作用域
90后徐先生·2019-06-18 15:30

Vue学习日记之vue实例生命周期

在vue实例开始创建、运行到销毁的过程，就是vue的生命周期vue生命周期中发生（存在）的事件（这些事件可以用函数来表示），我们称之为生命周期钩子。即：生命周期钩子=生命周期函数=生命周期事件。我们看vue官网中存在着这么一张图片，详细的描述了vue的生命周期1、开始阶段：newVue({})---------------------开始创建vue实例Initevents&Lifecycle---
啊祝arzhu·2019-06-13 12:05

vue学习

1.安装node，直接官网下载安卓即可，会自动安装上npm。网址：https://nodejs.org2.检测node是否安装成功，在终端输入：node-v以及npm-v，若有版本信息，则安装成功。若报错：‘npm’不是内部或外部命令，也不是可运行的程序检查是否配置环境变量。计算机属性-->高级系统设置-->环境变量-->系统变量-->Path，查看是否有node的路径，若没有，将node的安装路
梅花三·2019-06-11 23:03

vue学习之三 视图中的指令 v-if 和 v-for

vue的视图指令有v-on,v-bind,v-if,v-for等等，只要是以v-开头的都是指令Directive。指令中都要使用表达式一、v-ifscript内容添加age的定义：data(){return{message:'hi,我的第一个vue程序',age:19}}模板内容添加：=18">你成年了运行程序，页面会显示“你成年了”v-if,v-else-if,v-else修改模板内容：你未成年
盛桃云·2019-06-09 23:34

vue学习之一 vscode开发第一个vue项目

vue前端框架使用越来越多，而vscode作为前端开发IDE环境也使用越来越普遍，本文结合vscode介绍vue开发第一个vue项目。开发vue需要依赖于nodejs，本博客有介绍nodejs的安装，本文就不再做介绍。一、安装vue及依赖执行npm命令安装webpacknpminstallwebpack-g再安装vuenpminstallvuevue-cli-g二、创建vue项目创建vue项目必须
盛桃云·2019-06-09 18:43

前端框架vue学习笔记：环境搭建

兼容性不兼容IE8以下VueDevtools能够更好的对界面进行审查和调试环境搭建1.nodejs(新版本的集成了npm)【npm是node包管理nodepackagemanager】下载nodejs（http://nodejs.cn）node-v终端查看安装成功，npm-v查看npm版本安装成功2.安装vuenpminstallvue安装vue脚手架npminstall--globalvue-c
SongShiYan·2019-06-01 17:00

Vue学习

文章目录Vue组件的简单使用和传值操作Vue模板表达式-侦听器-计算属性Style&Class绑定Vue注意事项解析DOM模板时的注意事项在子组件中使用data通过Vue获取DOM节点和子组件实例父子组件之间的数据传递prop参数验证在组件上使用原生事件非父子组件之间的传值在Vue中使用插槽动态组件超链接文件路径别名请求代理vue中的ajax-->axiosVuex数据共享Vue组件的简单使用和传
邙星魂·2019-05-23 09:02
上一页 46 47 48 49 50 51 52 53 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他