#vue学习

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

Vue学习代码

Vue框架学习{{name}}{{age}}{{handleClick()}}-->动态创建和删除动态隐藏和显示按钮1按钮2{{computedNum}}单价：增加{{price}}数量：{{number}}总价：{{sum}}varvm=newVue({el:"#div1",//绑定id对象data:{//定义属性对象name:"陈同学",age:21,info:"哈哈哈",isShow:fal
友人CWH·2019-01-11 23:58

Vue学习代码

Vue框架学习{{name}}{{age}}{{handleClick()}}-->动态创建和删除动态隐藏和显示按钮1按钮2{{computedNum}}单价：增加{{price}}数量：{{number}}总价：{{sum}}varvm=newVue({el:"#div1",//绑定id对象data:{//定义属性对象name:"陈同学",age:21,info:"哈哈哈",isShow:fal
友人CWH·2019-01-11 23:58

Vue学习之——表格跨页选中的问题

直接上代码：test.vue确定取消import{queryTestDatas}from'@/api/api.js'import{changePageCoreRecord}from'@/common/util.js'exportdefault{name:"ColumnSelect",data(){return{currentRow:null,dialogVisible:false,tableDat
狡猾的bug·2019-01-04 14:48

Vue学习笔记6——Webpack 案例讲解

项目地址：https://github.com/masterzz/webpack-demos一、环境准备由于npm国外镜像太慢，用cnpm代替npm处理，安装cnpm：npminstall-gcnpm--registry=https://registry.npm.taobao.org首先，全局安装webpacknpmi-gwebpackwebpack-dev-server这里会遇到第一个坑需要通过
苏云南雁·2018-12-31 00:17

vue学习笔记 list数组的添加和删除

增加{{item}}删除exportdefault{data(){/*业务逻辑里面定义的数据*/return{todo:'',list:[]}},methods:{doset(){alert('增加');},doadd(){//1.获取文本框输入的值2.把文本框的值push到list里面//把todo添加到list数组中this.list.push(this.todo);this.todo='';
深沉的搬砖工·2018-12-24 23:03

Vue基础：第一天

Vue.Js文件的引入：Vue学习Vue基本结构{{msg1}}{{msg2}}IdName//创建Vue实例：当我们导入Vue.js包后，在浏览器内存中就有了Vue构造函数varvm=newVue({
无盐海·2018-12-23 10:27

Vue学习

1.基础介绍varvm=newVue({})//Vue实例化，固定写法：第一个字母大写2.常用指令Vue.js的指令是以v-开头的，它们作用于HTML元素，指令提供了一些特殊的特性，将指令绑定在元素上时，指令会为绑定的目标元素添加一些特殊的行为，我们可以将指令看作特殊的HTML特性.当表达式的值改变时，将其产生的连带影响，响应式地作用于DOMv-if指令:v-if是条件渲染指令，v-if指令是根据
田野的海螺·2018-12-14 16:51

Vue学习笔记（一） 利用idea 搭建 vue 项目

环境准备工作：安装node.js环境--略安装vue-li全局安装vue-cli，在命令行中执行npminstall-gvue-cliidea准备工作：安装vue.jsFile->Settings->Plugins->Browserespositoties中搜索vue.js安装HTML添加*.vue类型File->Settings->Editor->FileTypes->HTML选中点下方的+添加
dengxianji1647·2018-12-14 11:00

VUE学习

VUE-01-学习VUE前的准备工作：www.cnblogs.com/majj/p/9041582.htmlVUE-02-模板字符串：www.cnblogs.com/majj/p/9041773.htmlVUE-03-箭头函数：www.cnblogs.com/majj/p/9042137.htmlVUE-04-对象的单体模式：https://www.cnblogs.com/majj/p/90423
tiger_li·2018-12-14 09:00

[Vue 牛刀小试]：第七章 - Vue 实例的生命周期

一、前言在之前的Vue学习中，我们在使用Vue时，都会创建一个Vue的实例，而每个Vue实例在被创建时都要经过一系列的初始化过程。
墨墨墨墨小宇·2018-12-13 09:00

前端学习网址

Vue学习网址：jspang.comhttps://www.bilibili.com/video/av24099073vue学习视频哔哩哔哩纯金（里面也有jspang的vue学习）文档形式的vue：https
无忧无痕·2018-12-10 14:39

vue学习笔记——组件手动挂载

在VUE中一个网页可以跟搭积木一样，由各个不同的组件搭建起来，同一个组件他可以被不同的组件使用引入;组件的使用主要有三个步骤：1.定义组件，在src文件夹下创建一个新文件夹如：components，然后在该文件夹下，创建vue组件;2.引入组件，在其他组件的里面引入该组件3.挂载组件4.使用组件，在使用到该组件的地方写出在组件中定义的组件名：组件可以同时挂载多个组件，一个组件可以同时挂载在同个组件
ass_ace·2018-11-28 15:25

VUE学习笔记(二) -computed与methods的区别

最近在学习VUE的时候，发现computed与methods的作用很像，而且一些网站上也说这两种可以互相替换使用，但实际上在用的时候，发现其实这两者之间还是有区别的。computed计算属性可用于定义属性的setter和getter方法，一般如果不特意强调的话，申明出来的会被自动当做属性的getter方法调用，也就是说computed中虽然定义的时候，形式和方法很像，其实定义的是属性，可以采用属性
心若向阳无谓悲伤·2018-11-28 14:49

vue学习：第二章 初识Vue项目结构

1.总体结构vue-project|----build--webpack相关配置文件(一般不需再进行配置)|----config--vue基本配置文件(配置监听端口、打包构建等)|----node_modules--依赖的node模块|----src--项目核心文件(页面代码存放位置)|----assets--静态资源(样式类文件，以及一些外部js文件)|----components--公共组件|
小虾皮爱吃肉·2018-11-25 14:06

vue学习

arguments是实参的集合arguments是类数组，即有数组的形式没有数组的功能Object.assign()文档https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assignimage.png这样写就可以选项卡思维set和delete计算属性的get,set方法li
好奇的猫猫猫·2018-11-23 18:57

Vue学习笔记之路由（一）

Vue.js路由(Vue-router)1.路由安装（1）直接引入（2）npm下载npminstallvue-router如果在一个模块化工程中使用它，必须要通过Vue.use()明确地安装路由功能：在你的文件夹下的src文件夹下的main.js文件内写入以下代码importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)2
赵客缦胡缨v吴钩霜雪明·2018-11-21 13:36

Vue学习路线

前言：学习Vue已经两个月了，目前前端的框架用得比较多的就是Bootstrap和Vue，而Bootstrap是开发人员用得较多，因为较为简单，上手也快。Vue是目前很火的数据驱动框，17年的时候就开始火了。之前我用Bootstrap框架，转学习Vue的时候还是花了一点学习成本的。既然大家会看这篇文章，那么肯定是vue的学习者了，或是遇到的瓶颈，或者刚刚开始学，不知道如何快速起步，本篇文章将带领大家
前程明亮·2018-11-19 00:00

Vue学习路线

前言：学习Vue已经两个月了，目前前端的框架用得比较多的就是Bootstrap和Vue，而Bootstrap是开发人员用得较多，因为较为简单，上手也快。Vue是目前很火的数据驱动框，17年的时候就开始火了。之前我用Bootstrap框架，转学习Vue的时候还是花了一点学习成本的。既然大家会看这篇文章，那么肯定是vue的学习者了，或是遇到的瓶颈，或者刚刚开始学，不知道如何快速起步，本篇文章将带领大家
前程明亮·2018-11-19 00:15

VUE学习笔记——es6对象合并 数组转对象

工作中遇到了一些问题需要将数组转化为对象//arrtoobjconstarr=[{date:"2018-11-18",name:"demo1"},{date:"2018-11-19",name:"demo2"}];constobj={"2018-11-18":"demo1","2018-11-19":"demo2"}如上代码，想将arr优雅的转化为obj，首先想到了Object的assign方法合
qq_39041578·2018-11-18 20:27

Vue学习（七）——使用Vue-cli脚手架工具构建项目

（1）首先安装环境：https://blog.csdn.net/dreamzuora/article/details/78911664这篇文章写得很赞（2）在指定的文件夹内搭建，输入指令vueinitwebpacktodolist，然后根据提示进行选择，然后回车就ok了（3）命令进入dotolist文件夹中，输入cnpmrundev指令后回车可以访问http://localhost:8080查看
Bambi12·2018-11-09 17:20

Vue学习（六）——父子组件之间的传值

子组件和父组件通信(发布订阅模式)Vue.component('todo-item',{props:['content','index'],template:'{{content}}',methods:{handleClick:function(){this.$emit('delete1',this.index);//触发事件}}})newVue({el:"#root",data:{inputVa
Bambi12·2018-11-09 17:05

Vue学习（五）——v-if,v-show,v-for指令

v-if,v-show,v-for指令helloworldtoggle{{item}}newVue({el:"#root",data:{show:true,list:[1,2,3]},methods:{handleClick:function(){this.show=!this.show;}}})注：学习笔记内容来自：https://www.imooc.com/learn/980官网：cn.vue
Bambi12·2018-11-09 17:21

Vue学习（五）——v-if,v-show,v-for指令

v-if,v-show,v-for指令helloworldtoggle{{item}}newVue({el:"#root",data:{show:true,list:[1,2,3]},methods:{handleClick:function(){this.show=!this.show;}}})注：学习笔记内容来自：https://www.imooc.com/learn/980官网：cn.vue
Bambi12·2018-11-09 17:21

vue学习七之Axios

JQuery时代，我们使用ajax向后台提交数据请求，Vue时代，Axios提供了前端对后台数据请求的各种方式。什么是AxiosAxios是基于Promise的Http客户端，可以在浏览器和node.js中使用。为什么使用AxiosAxios非常适合前后端数据交互，另一种请求后端数据的方式是vue-resource，vue-resource已经不再更新了，且只支持浏览器端使用，而Axios同时支持
shuyang·2018-11-06 11:00

vue学习六之vuex

由于状态零散地分布在许多组件和组件之间的交互中，大型应用复杂度也经常逐渐增长。为了解决这个问题，Vue提供vuex。什么是VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。状态，其实指的是实例之间的共享数据，Vuex是管理应用中不同Vue实例之间数据共享的工具。下图是Vuex官方提供的对于状
shuyang·2018-11-06 11:00
上一页 48 49 50 51 52 53 54 55 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他