vue学习

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

Vue学习笔记

目录一.vue基础知识1.vue-cli创建项二vue资源使用总结1.vue使用three.js知识总结2.vue背景图为动图3.vue使用阿里巴巴矢量库4.vue使用Animate.css动效库5.vue使用ElementUI6.vue使用echarts7.vue使用jquery8.vue使用jquerysupersized插件实现幻灯片的效果四.vue使用知识总结1.动态修改class类一.v
HarSenZhao·2019-03-18 11:44

vue学习笔记4

父组件向子组件传值组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据//创建Vue实例，得到ViewModelvarvm=newVue({el:'#app',data:{msg:'这是父组件中的消息'},components:{son:{template:'这是子组件---{{finfo}}',props:['finfo']}}});使用v-bind或简化指令，将数据传递到
地对地导弹·2019-03-17 17:00

vue学习笔记3

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

vue学习记录：vue引入，validator验证，数据信息，vuex数据共享

最近在学习vue，关于学习过程中所遇到的问题进行记录，包含vue引入，validator验证，数据信息，vuex数据共享，传值问题记录1、vue引入vuevue的大致形式如下：要引入其他vue，需要importimportShopListfrom'@/components/ShopList'importHeaderfrom'@/components/Header'importCarousfrom'
Skylar_Zhan·2019-03-12 17:00

Vue学习总结

由于没有目录的功能，为了更加清晰的学习，我制作了一个目录地址如下：学习Vue目录链接地址:https://www.jianshu.com/p/2c9071c0436d如果想快速、准确、查看、学习内容，那么你就点击上面的链接，查看到整体目录，然后点击查看自己想看的内容。如果你不想单篇的了解，此篇文章汇总了所有章节的内容第1章课程介绍1-1课程简介学习流程知识点学习前提：有一些css、js、es6、w
没事就写点东西吧·2019-03-11 16:34

Vue学习小记

Vue的安装及语法解析{{XXX}}页面中的数据与内存中的数据双向绑定v-mdodelv-show：暂时隐藏v-if：直接从dom中删除v-for指令v-bind指令（v-bind:可简写为:）绑定数据和元素属性：src、href.active{background:#a10;}点我varapp=newVue({el:'#app',data:{url:'http://baidu.com',img:
冯天祥·2019-03-07 00:49

前端小白如何快速上手Vue框架(上篇)

然后如果你按照提示开始按部就班的看html,css,js然后再回来学习Vue的话,你可能已经被OUT了(况且周期过长,着实不推荐).直接着手一个项目是进步最快的方式,何况还有度娘和Google保驾护航.推荐vue
Bug怪·2019-03-05 10:48

Vue学习的路径

vue学习路径和建议----尤雨溪vue官网vue官网截屏
邢走在云端·2019-03-03 17:54

vue学习笔记（四）- cmd无法识别vue命令解决方法

解决控制台无法识别vue命令问题作者：狐狸家的鱼本文链接：cmd无法识别vue命令解决方法GitHub：sueRimn在控制台输入vue会报以下错误：vue:无法将“vue”项识别为cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。所在位置行:1字符:1+vue+~~~~+CategoryInfo:ObjectNotFound:(vue:
狐狸家的鱼·2019-02-26 13:00

vue学习——数据的添加加载

Vue加载//组件注册Vue.component('my-component',{props:['data'],//接收数据//模板//@click绑定事件传参//{{data.name}}输出数据template:'{{data.name}}',methods:{//方法liClick:function(name){alert(name)}}})//构造varvue=newVue({el:'#a
fk129·2019-02-25 10:57

Vue学习笔记——Vue-router

第1节：Vue-router入门1、解读router/index.js文件importVuefrom'vue'//引入VueimportRouterfrom'vue-router'//引入vue-routerimportHellofrom'@/components/Hello'//引入根目录下的Hello.vue组件Vue.use(Router)//Vue全局使用Routerexportdefau
Stephen-James·2019-02-24 17:21

Vue学习(一）--表单元素的用法

表单元素的输入绑定一、概念：你可以用v-model指令在表单及元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。二、表单元素绑定方法示例：(1)输入文本框：(2)输入大本文框：(3)多个复选框（绑定到数组）：体育唱歌跳舞所选值:{{checkedNames}}newVue({el:'#example-3',data:{checkedNames:[]}})（4）单选框OneTwo
热水钟·2019-02-23 12:32

微信小程序----Gallery Table（图文表格）（flex布局实现MUI的图文表格）

效果二维码效果图WXMLVUE实战ES6学习之路CSS实战VUE学习之路WXSS.tui-row{padding:5px;display:-webkit-flex;display:flex;align-items
Rattenking·2019-02-22 15:05

Vue学习之非父子组件的传值

Vue中非父子组件的传值在这里我给出四步，步骤如下：1.新建一个js文件—>然后引入vue—>实例化vue—>暴露这个实例VueEvent.jsimportVuefrom'vue'varVueEvent=newVue();exportdefaultVueEvent;2.在要广播的地方引入刚才定义的实例3.通过VueEvent.$emit(‘名称’,数据)此方法来广播Home.vue我是首页组件给n
踢球很菜的梅老五·2019-02-22 15:32

vue学习-第七天

一、绑定HTMLClass.HTMLClass所有的主流浏览器都支持class属性.Class属性通常用于指向样式表中的类例如CSS样式表中添加一个active样式类.active{height:50px;width:100px;background:#F29}HTML12.绑定HTMLClassJSvarapp12=newVue({el:'app-12',data:{isActive:ture,
shikern·2019-02-18 16:49

Vue学习笔记-百度统计

百度统计是一个可以统计页面数据的平台工具，同样也可以使用在Vue页面里。百度统计——移动统计通过多年沉淀下来的分析方法论赋能给开发者提供全面、专业、精准的分析，同时，更能将APP、百度小程序、微信小程序多端数据统一查看，深刻洞察线上用户的行为特征，以实现数据驱动商业运营与产品迭代的目标。我之前分享过一篇介绍百度统计的文章，感兴趣的朋友可以了解一下：免费便捷的统计工具-百度统计在Vue单页面开发中接
赵客缦胡缨v吴钩霜雪明·2019-02-14 09:53

vue学习01

一1v-cloak插值表达式闪烁问题v-text默认是没有闪烁问题会覆盖原本的内容插值表达式不会v-html{{msg}}===={{msg}}===helloworldvarvm=newVue({el:'#app',data:{msg:'1233',msg2:'天行健君子以自强不息!'}})图片.png2v-bind，v-on指令学习button二v-bind绑定属性:缩写v-on绑定事件@缩写
rainbowz·2019-02-07 16:17

后端开发者的Vue学习之路（五）

目录上节内容回顾使用第三方组件库如何发起请求请求错误处理请求带参以get的方式带参：以post的方式带参：封装处理请求的配置axios实例实现调用自定义函数来发起请求抽取axios请求到函数抽取函数到js文件抽取axios对象到js文件响应的数据拦截器拦截请求拦截响应补充：首发日期：2019-01-29作者：http://www.cnblogs.com/progor/修改：2019-02-11：发
随风行云·2019-01-29 17:00

后端开发者的Vue学习之路（四）

目录上节内容回顾：npm介绍安装常用命令：补充：基于npm的HelloWorld项目结构分析用法迁移小提醒ES6语法知识补充单文件组件使用注意：路由开启路由定义路由使用路由数据显示路由跳转带参路由动态路径参数查询参数监听路由参数变化嵌套路由命名视图编程式路由404路由补充：vuex开启vuex并创建store使用vuex获取数据改变数据项目结构补充：首发日期：2019-01-28修改：2019-0
随风行云·2019-01-28 19:00

后端开发者的Vue学习之路（三）

目录上节内容回顾组件什么是组件组件注册全局注册组件局部注册组件使用细节组件注册的命名规范：组件中只有一个根元素组件也是一个实例组件在某些元素中渲染出错组件间的数据传递父子组件传递数据子组件向父组件传输数据非父子组件之间的传值单向数据流Props属性命名规范：大小写问题参数校验限制props的类型设置默认值要求数据必传自定义验证函数：传递静态或动态Prop补充：给组件绑定原生的事件template在
随风行云·2019-01-26 19:00

vue学习2-2-vux组件库更换主题颜色

一、全局变量主题颜色配置1.vue项目的src目录下建立style文件夹，在style文件夹中建立theme.lesstheme.png2.在bulid文件夹中的webpack.base.conf.js中配置，来覆盖原生样式module.exports=vuxLoader.merge(webpackConfig,{plugins:[{name:'vux-ui'},{name:'less-theme
栗子daisy·2019-01-21 15:00

vue学习总结最后一天

一.路由的使用二.vuex的使用1.Vuex是什么？Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的数据，并以相应的规则保证数据以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具devtoolsextension，提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。下面演示使用公共仓库的方式来做项目:a.抽取vu
庚中·2019-01-21 14:19

后端开发者的Vue学习之路（二）

目录上篇内容回顾：数据绑定表单输入框绑定单行文本输入框多行文本输入框复选框checkbox单选框radio选择框select数据绑定的修饰符.lazy.number.trim样式绑定class绑定对象语法：数组语法：style绑定对象语法：数组语法：补充：事件绑定事件事件修饰符按键修饰符事件绑定的简写补充：Vue指令数组操作官网的话补充：Vue的元素复用问题数据残留问题问题的解决：首发日期：201
随风行云·2019-01-20 01:00

后端开发者的Vue学习之路（一）

目录前言：iview组件库示例element组件库示例Vue的介绍兼容性：学习Vue需要的前置知识：MVVM模型补充:安装/导入导入Vue安装两种方式的区别：HelloWorld示例代码分析：代码效果：实例中可以定义的内容定义数据定义方法methods生命周期与生命周期钩子函数补充：渲染插入文本v-textv-html用v-bind绑定属性：v-bind的简写把对象的所有属性绑定到元素：条件渲染循
随风行云·2019-01-19 17:00

Vue小白课（二）——项目结构解析（Vue2.x）

GitHub地址 查阅网上诸多资料，并结合自己的学习经验，写下这篇Vue学习笔记，以记录自己的学习心得。现分享给大家，以供参考。 作为一只前端菜鸟，这
weixin_34119545·2019-01-15 04:49
上一页 47 48 49 50 51 52 53 54 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他