#vue学习

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

【Vue学习之Vuedevtools】 安装很顺利，出现vue.js is not detected的解决方案

主要是援引这个原博主的方法C:\Users\Administrator\AppData\Local\Google\Chrome\UserData\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.2_0=>找到文件：manifest.json=>将这个修改"persistent":true---------------------作者：
虹梦未来·2019-05-18 19:27

Vue学习记录—配置Axios及使用

Vue配置Axios并发送GET/POST请求下载Axios，qs(axios.post时传递参数)//webpack下载$npminstallaxios//$npmiaxios-S$npminstallqs//或者使用CDN：（？）main.js中配置importaxiosfrom'axios'importqsfrom'qs';Vue.config.productionTip=false;Vue
努力努力再努力0918·2019-05-17 18:25

Vue学习目录

目录第1章课程介绍1-1.Vue的课程介绍第2章Vue起步2-1.Vue的学习方法2-2.Vue的helloworld2-3.Vue的开发TodoList2-4.Vue的MVVM模式2-5.Vue的前端组件化2-6.Vue的使用组件改造TodoList2-7.Vue的简单的组件间传值2-8.Vue的一些指令简写方法第3章Vue基础精讲3-1.Vue的实例3-2.Vue的实例生命周期3-3.Vue的
没事就写点东西吧·2019-05-16 10:04

Vue学习笔记3—Vue插件

Vue插件获取DOM元素使用方法：在template中标识元素ref=“xxx”在要获取的时候，this.$refs.xxx获取元素创建组件，装载DOM，用户点击按钮ref在DOM上获取的是原生DOM对象ref在组件上获取的是组件对象$el是拿其DOM这个对象就相当于我们平时玩的this，也可以直接调用函数$refs获取组件内的元素$parent获取当前组件对象的父组件$children获取子组件
Hades____·2019-05-10 22:30

Vue学习笔记2—Vue基础

Vue基础复习options的根属性el:目的地（string||DOM元素）template:模板data:可以直接返回一个对象，也可以是一个函数，然后return一个对象；在对象中的属性，可以直接在页面中用key使用，但是在js中要使用this.keycomponents:用来声明组件的一个对象属性，key是组件名，value是组件对象methods:存放方法的对象属性，通过methodNam
Hades____·2019-05-10 22:51

Vue学习笔记1—初识Vue

初识Vue前端的框架与库的区别总的来说，框架就是提供了前段项目的整体解决方案；库就是自己组合来实现项目。打比方来说，前端的库就像是我们平时家里用的工具箱，里面有起子、锤子等各种工具。我们可以通过这个工具箱来制造东西，甚至我们可以用工具箱自己制造一下工具，方便以后我们制造东西；而框架，就更像是我们在淘宝上买好的的玩具车的框架，回来后拼装完成，然后可以根据自己的需要，贴上不同的贴纸，喷上不同的颜色，但
Hades____·2019-05-10 22:18

vue学习

1.一个组件就相当于一个区域2.向子组件传值可以通过v-bind：父组件向子组件传值：v-bindex://循环list并将值赋值给item通过v-bind:传值给子组件todo-itemVue.component("TodoItem",{//全局组件props:['content'],//从父组件要接受的值template:'{{content}}'})子组件向父组件传值：$emitvarTod
lyt598·2019-05-07 13:00

day 81 Vue学习一之vue初识

Vue学习一之vue初识本节目录一Vue初识二ES6的基本语法三Vue的基本用法四xxx五xxx六xxx七xxx八xxx一vue初识vue称为渐进式js框架，这个框架用来做前后端分离的项目，之前我们学习
deng6648·2019-04-28 17:00

Vue学习第一天，跑马灯效果

开启定时器{{message}}varapps=newVue({el:"#app",data:{message:"猥琐发育，别浪~~"},methods:{lang:function(){var_this=thissetInterval(function(){//console.log(_this.message)varstart=_this.message.substring(0,1)varen
coderymy·2019-04-27 00:24

Vue+webpack 构建前端页面初探

前言：本文适合后端同学快速了解基于vue的前端开发Vue学习成本:一周Vue是一个js框架，承担和dom交互的职责，使开发人员在写js的时候，不用再去获取dom的对象并修改dom属性值,js写起来有点面向对象的感觉
雕兄L·2019-04-25 17:22

Vue学习笔记七（边界问题，过渡和动画）

一、边界问题这里记录的都是和处理边界情况有关的功能，即一些需要对Vue的规则做一些小调整的特殊情况。不过注意这些功能都是有劣势或危险的场景的。我们会在每个案例中注明，所以当你使用每个功能的时候请稍加留意。1.访问元素&组件1）访问根实例在每个newVue实例的子组件中，其根实例可以通过$root属性进行访问。例如，在这个根实例中：//Vue根实例newVue({data:{foo:1},compu
渐渐_·2019-04-18 21:43

3. vue router 状态管理

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

VUE学习笔记：环境准备

原文链接：VUE学习笔记：环境准备转载请注明出处：simiam.com1.NodeNode是JavaScript语言的服务器运行环境。
cza55007·2019-04-15 14:32

【Vue学习篇：vuejs简介、环境安装以及项目部署】

1、什么是vuejsvue.js是一套构建用户界面的渐进式框架。vue.js是轻量级的，与其他重量级框架不同，它被设计为可以自底向上逐层应用。vue的核心库只关注视图层，易于上手，另外vue完全有能力驱动采用单文件组件和vue生态系统支持的库开发的复杂单页应用。官方地址：https://cn.vuejs.org/官方介绍：https://cn.vuejs.org/v2/guide/2、对比其他框架
我是帅帅的玉米·2019-04-12 00:00

Vue学习记录

vuedata组件定义只接受function父子组件属性传递：父组件的子组件中v-bind：prop=“data”传递父组件的data子组件内prop接受并验证methods不能使用es6箭头函数，作用域会改变api参考：https://vue.docschina.org/v2/api/#elel:实例挂载至已存在的DOM元素data：Vue实例的数据对象template:模板会替换挂载的元素vu
斐硕人·2019-04-09 10:03

2019-04-07

Vue学习笔记{{message}}Canuseeme?
Gorgine·2019-04-07 22:50

vue学习笔记五：在vue项目里面使用引入公共方法详解

今天早上来到公司，没事看了一下别人的博客，然后试了一下，发现的确是可以的，在此记录一下，方便自己日后查阅。首先新建一个文件夹：commonFunction,然后在里面建立一个文件common.js建立好之后，在main.js里面引入这个公共方法最后是调用这个公共方法测试一下，我在公共方法里面写了一个简单的一段代码如下：exportdefault{login:function(){console.l
Fiona_lms·2019-04-04 14:59

浅学vue

Vue学习起来非常简单。vue的官网:https://cn.vuejs.org/vue的特性轻量级的
Abdullahi_kanye·2019-04-01 23:32

Vue学习笔记1-windows系统搭建VUE环境

第一步node环境安装1.1如果本机没有安装node运行环境，请下载node安装包进行安装1.2如果本机已经安装node的运行换，请更新至最新的node版本下载地址：https://nodejs.org/en/或者http://nodejs.cn/第二步node环境检测2.1在终端输入:node-v如果输出版本号，说明我们安装node环境成功2.2查看npm的版本号在终端输入:npm-v第三步设置
牧云流·2019-03-26 16:17

Vue.js入门基础语法

Vue学习起来非常简单。使用步骤：1.导入js文件(vue.min.js)；js文件地址：https://vuejs.org/js/vue.min.js2.创建Vue对象：Vue对象常用属
黄尚炎·2019-03-25 19:25

vue中组件的3种使用方式详解

在模块化的前端时代，万物皆组件，vue学习组件是必不可少的。可是在大多数人熟悉了纯html、jq之后，在
贵飞·2019-03-23 11:38

vue学习组件之路之menu导航菜单

效果尽量仿着element做。预览地址组件之间的通信扩展forMacforWindows如何使用快速入门进阶配置多语言支持selected的传递如图所示，关于(selected:被选中的那个item),在menu里面控制，通过watchChild“监听每个item”,一旦menu-item被点击便会触发this.$emit('menuItemUpdate',this.name)这里menu便会通过
seeker·2019-03-22 00:00
上一页 47 48 49 50 51 52 53 54 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他