#vue学习

vue 学习总结

#传智播客vue学习##1.什么是Vue.js*Vue开发手机APP需要借助于Weex*Vue.js是一套构建用户界面的框架，**只关注视图层**，它不仅易于上手，还便于与第三方库或既有项目的整合。
再见天才·2020-01-06 12:49

Vue学习之常用指令实例详解

本文实例讲述了Vue常用指令。分享给大家供大家参考，具体如下：1、创建一个vue实例vue的一个特点就是数据驱动界面，一旦对js中的数据进行修改，界面中用到数据的地方也会立马做出更改。为了对界面进行操纵，需要先获取到界面的标签元素，并实例化一个vue实例。例如在HTML创建一个div：{{msg}}在js中将其实例化为vue对象：letapp=newVue({el:'#app',//标签的类名、i
theVicTory·2020-01-06 11:58

Vue学习之组件用法实例详解

本文实例讲述了Vue学习之组件用法。分享给大家供大家参考，具体如下：Vue中的模块化、可重用代码块将页面细分为一个个功能组件，而且组件之间可以嵌套。
theVicTory·2020-01-06 10:12

Vue学习之axios的使用方法实例分析

本文实例讲述了Vue学习之axios的使用方法。
theVicTory·2020-01-06 10:44

vue学习之Vue-Router用法实例分析

本文实例讲述了vue学习之Vue-Router用法。
theVicTory·2020-01-06 10:50

vue学习

vue1.挂载点、实例和模板挂载点：vue实例el属性对应的dom节点。vue只处理挂载点的下的内容模板：挂载点内部的内容，模板可以挂载点内部，也可以写在vue实例template属性中。template模板下只能有一个根元素实例：指定挂载点，写好模板，vue会自动生成最终展示的内容，放在挂载点下。数据、事件、方法插值表达式模板指令：v-text、v-html绑定事件：模板指令：v-onv-on:
奋斗的小小小兔子·2020-01-06 08:47

Vue学习记录第六天

这一部分听的我迷迷糊糊的，安装了一万个包vue-cliVue项目的脚手架,帮我们生成vue的工具npminstallvue-cli-gvueinitwebpackcd项目名字npminstallnpmrundev弹出Yourapplicationisrunninghere:http://localhost:8080，打开这个网址，WelcometoYourVue.jsApp，就成功了反正这个随便查
大白熊_8133·2020-01-04 14:38

VUE学习目录汇总

vue学习交流填坑QQ群：585472963一、vue基础“Vue2.0”跟俺一起全面入坑01“Vue2.0”跟俺一起全面入坑02“Vue2.0”跟俺一起全面入坑03“Vue2.0”跟俺一起全面入坑——
datura_lj·2020-01-04 03:11

vue学习记录第三天

悄咪咪的说讲课的老师说话声音好难听啊复习v-model(单选时只有一个数，多选的时候是数组，提供一个value)修饰符.number.lazy按键修饰符.enter.ctrl.keyCodev-cloakaxioscreate(){}钩子函数，在数据初始化后调用axios.get().thenpromisefilter()过滤器computed:{}计算属性，不是方法，方法没有缓存，compute
大白熊_8133·2020-01-03 22:36

vue学习笔记(5)：filter过滤器，padStart/End，按键修饰符

data{msg:'曾经，我也是一个单纯的少年，单纯的我傻傻的问，谁是世界上最单纯的男人'}1.filter:过滤例子：varnewList=this.list.filter(item=>{if(item.name.includes(keywords))returnitem;})注意：es6中，为字符串提供了一个新方法，叫做String.prototype.includes("要包含的字符串")，
不会改变·2020-01-03 12:50

vue实战项目参考网站

vue学习及源码分析https://segmentfault.com/a/1190000006747096https://juejin.im/search?
black白先森·2020-01-03 06:29

vue学习笔记

1.vuedata属性里面的getter和setterdata的每个属性都有两个相对应的get和set属性。ES5的对象原型有两个新的属性__defineGetter__和__defineSetter__，专门用来给对象绑定get和set。可以这样书写：vue双向绑定原理是由数据劫持结合发布者-订阅者模式实现的。vue的数据劫持是通过Object.defineProperty()来对对象的sett
GXW_Lyon·2020-01-03 03:27

vue学习笔记(六)表单输入绑定

前言在上一章vue学习笔记(四)事件处理器这一篇博客的内容中，我们已经了解vue是如何绑定事件的，而本篇博客主要讲解的是vue中表单输入的绑定，通常我们自己提交信息的时候都是通过表单将信息到服务器的，例如登陆
一只流浪的KK·2020-01-03 00:00

vue学习笔记(四)事件处理器

前言在上一章vue学习笔记(三)class和style绑定的内容中，我们学习了如何在vue中绑定class和style，介绍了常用的绑定方法，class的数组绑定和对象绑定以及style的数组绑定和对象绑定
一只流浪的KK·2020-01-02 22:00

vue学习大纲3-过滤器、指令、动画

自定义过滤器：在vue1.0中有过滤器，比如：//首字母大写{{msg|capitalize}}//货币符号{{100|currency'%'}}在vue2.0中所有的内置过滤器都被销毁了,2.0推荐我们自己写过滤器；//HTML{{Date.now()|date('aaa','bbbb')}}//JS//param1:过滤的内容，即原数据；param2："aaaa";param3:"bbb"Vu
张蕾_·2020-01-02 22:29

[vue学习] 卡片展示分行功能简单实现

如图所示，实现简单的卡片展示分行功能。分行功能较多地用于展示商品、相册等，本人在学习的过程中也是常常需要用到这个功能；虽然说现在有很多插件都能实现这个功能，但是自己写出来，能够理解原理，相信能够进步不少。首先看看这个简单的原理分析：最核心的就是多维数组，而且是不规则数组。将全部卡片全部分解为多维数组，页面渲染这个不规则多维数组，最终能达到这样的效果。自己写一个商品列表goodsList，它里面的数
Raincoat_Z·2020-01-02 15:00

Vue学习3

学习该章节重点知识一个Vue应用由一个通过newVue创建的根Vue实例，以及可选的嵌套的、可复用的组件树组成。值得注意的是只有当实例被创建时data中存在的属性才是响应式的。//简单来说:Vue实例的data属性的对象里所有内容,在初始化的时候就必须写进去,这些数据才是响应式的,初始化过后的vue实例属性,是不响应的,那么问题来了,如果我确定会在初始化之后要用到某些数据咋办呢?在data里面先声
joker731·2020-01-02 03:39

Vue学习（四）

31、组件之使用内容分发slot：组件之使用内容分发slotphp开源框架这是内容...abc中，而不放在一个div中？答：如果放在div中，浏览器会识别解析它，所以在vue还没解析之前，浏览器就解析了，这样{{v.title}}就会原样输出了。而定义在中，x-template会使浏览器忽略它，然后vue再解析它。-->没有传递内容没有传递内容constbsPanel={template:'#bs
梦在原地·2020-01-01 23:00

[vue学习]快速搭建一个项目

安装node.js官网：https://nodejs.org/en/淘宝NPM镜像（npm是外网，用国内代理下载安装贼快）$npminstall-gcnpm--registry=https://registry.npm.taobao.org全局安装vue-cli$cnpminstall--globalvue-cli创建一个基于webpack模板的新项目$vueinitwebpackmy-proje
Raincoat_Z·2020-01-01 21:00

[vue学习]快速搭建一个项目

安装node.js官网：https://nodejs.org/en/淘宝NPM镜像（npm是外网，用国内代理下载安装贼快）$npminstall-gcnpm--registry=https://registry.npm.taobao.org全局安装vue-cli$cnpminstall--globalvue-cli创建一个基于webpack模板的新项目$vueinitwebpackmy-proje
Raincoat_Z·2020-01-01 21:00

Vue学习笔记02：目录结构分析 绑定数据 绑定对象 循环数组渲染数据

vue项目结构其中node_modules是我们项目所需的各种依赖，src是我们开发时候所需的一些资源，package.json是我们的配置文件管理项目的各种配置以及版本号和名称，readme是项目的说明文件。我们主要编写的是src里面的文件，assets是存放静态的资源文件，App.vue是存放的根组件，组件vue中所有的内容要被一个根节点包含起来，我写了示例代码包含了对数据、数组、对象以及对象
gardenlike2·2020-01-01 00:38

Vue学习 Day01

介绍这个系列记录自己学习Vue的过程.Vue官方不推荐新手直接使用vue-cli,所以前面这几天都是根据官方文档学习.步骤新建一个html文件.在html中导入vue.js依赖.firstvue-->现在就可以照着官方的例子学习了.例子声明式渲染数据和DOM建立了关联,修改了js中data的值,DOM也会发生变化.HelloVue{{message}}JS代码：varapp=newVue({el:
HQiu·2019-12-31 16:00

vue学习笔记(三)class和style绑定

前言通过上一章的学习vue学习笔记(二)vue的生命周期和钩子函数，我们已经更近一步的知道了关于vue的一些知识，本篇博客将进一步探讨vue其它方面的内容，vue中关于class和style绑定，关于class
一只流浪的KK·2019-12-30 16:00

vue学习笔记(二)vue的生命周期和钩子函数

前言通过上一章的学习，我们已经初步的了解了vue到底是什么东西，可以干什么，而这一篇博客主要介绍vue的生命周期和它常用的钩子函数，如果有学过java的园友可能有接触到在学习servlet的时候学过servlet的生命周期servlet加载--->实例化--->服务--->销毁,对于vue的而言他也有自己的生命周期，那么一起来看看吧！本章目标学会并了解vue的生命周期和钩子函数学会使用手动挂载和调
一只流浪的KK·2019-12-29 14:00

vue学习笔记--组件的命名方式及注意点

一、组件名命名方式：帕斯卡命名方式：ComponentName短横线分隔：component-name使用自定义元素的时候，两种命名方式都允许，但是当应用到dom的时候，应该使用短横线分割命名方式。如下，两种命名方式都是正确的：图一：image.png图二：image.png但是应用到dom应该使用短横线分割命名方式，否则就会报错：代码片段：image.png报错内容：image.png在自定义事
一个总在代码里给自己下毒的小白·2019-12-29 14:16

Vue学习笔记之条件渲染

上一篇：Vue学习之Class与Style绑定v-ifYes也可以用v-else添加一个“else块”：YesNo在元素上使用v-if条件渲染分组因为v-if是一个指令，所以必须将它添加到一个元素上。
aitality·2019-12-29 06:11

Vue.js 教程

Vue学习起来非常简单，本教程基于Vue2.1.8版本测试。阅读本教程前，您需要了解的知识：HTMLCSSJavaScript本教程主要介绍了Vue2.x版本的使用。参考资料：Webpack入门教程：
谁说我是小小云·2019-12-29 04:57

Vue学习笔记

一、常用网址https://cn.vuejs.org/v2/api/#vm-emit官网APIhttp://www.i7758.com/archives/2684.htmlvue开源项目汇总http://mint-ui.github.io/docs/#/zh-cn2mint-ui文档二、个人收藏网址https://segmentfault.com/a/1190000007480285项目起手htt
sailor4518·2019-12-28 10:11

Vue学习笔记（二）

计算属性模板内的表达式非常便利，如果在模板中放入太多的逻辑并且多次引用会让模板过重且难以维护，所以在此时应当使用计算属性。基本使用具体代码：{{name+''+age+'岁'}}{{info}}constapp=newVue({el:'#app',data:{name:'zww',age:20},computed:{info(){returnthis.name+''+this.age+'岁'}}}
LqZww·2019-12-26 17:00

vue学习笔记

vue:读音:v-u-eviewvue到底是什么?一个mvvm框架(库)、和angular类似比较容易上手、小巧mvc:mvpmvvmmv*mvx官网:http://cn.vuejs.org/手册：http://cn.vuejs.org/api/vue和angular区别?vue——简单、易学指令以v-xxx一片html代码配合上json，在new出来vue实例个人维护项目适合:移动端项目,小巧v
smallBear·2019-12-26 11:05

vue学习之vue-router使用整理笔记

用Vue.js+vue-router创建单页应用，是非常简单的，基本是这样的：组件→路由→渲染地方路由的使用HelloApp!默认会被渲染成一个``标签-->GotoFooGotoBar//0.如果使用模块化机制编程，導入Vue和VueRouter，要调用Vue.use(VueRouter)//1.定义（路由）组件。//可以从其他文件import进来constFoo={template:'foo'
阿go·2019-12-25 17:40

Vue学习的demo编写记录

Vue指令之跑马灯效果Demo给【启动】按钮，绑定一个点击事件v-on/@在按钮的事件处理函数中，写相关的业务逻辑代码：拿到msg字符串，然后调用字符串的substring来进行字符串的截取操作，把第一个字符截取出来，放到最后一个位置即可；start(){varstart=this.msg.substring(0,1);varend=this.msg.substring(1);this.msg=e
Mr_____Wang·2019-12-25 04:33

vue学习

文本数据绑定的常见形式：双大括号。无论何时，绑定的数据对象上msg属性发生了改变，插值处的内容都会更新。通过使用v-once指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留心这会影响到该节点上所有的数据绑定：这个将不会改变:{{msg}}v-bind:与v-on:的缩写方法，计算属性和方法，与缓存的关系computed/methods，另外计算属性的使用，可以像使用data
喝牛奶对身体好·2019-12-24 21:07

Vue学习笔记Day04

1、组件化开发创建组件构造器：组件标题组件内容consttestComponent=Vue.extend({template:'模板名'}):Vue.extend()是一个组件构造器函数，template是自定义组件模板注册组件：Vue.component=('cpn',testComponent);cpn是自定义标签，在调用该组件时直接在html中插入该标签即可，组件调用必须在挂载的vue实例下
安定-·2019-12-24 21:00

vue学习之路（一）:搭建vue项目

开源地址：https://github.com/bigbeef个人博客：http://blog.cppba.com1.安装nodejs网上很多教程，也很简单，官网下载下来一直点“下一步”就行了2.安装npmnodejs默认会集成，运行命令npm-v查看是否输出版本信息，如果没有，需要手动安装2.安装vuejs安装淘宝cnpm(国内仓库，提高下载速度)npminstall-gcnpm--regist
大黄蜂coder·2019-12-24 17:25

Vue学习笔记Day03

1、ES6相关新特性let的使用：let是更完美的var；在使用var声明变量时，变量的作用域主要是和函数的定义相关，针对与其他块级作用域来说是没有作用域的，比如if/for等，在这时我们开发往往会引起一些问题。比如：但使用let的话就避免了这些问题const的使用：上面说到let是声明变量时的用法，那么当我们修饰的标识符不会被再次赋值时，就可以使用const来保证数据的安全性，所以在ES6开发中
安定-·2019-12-24 17:00

vue学习笔记（五）

一、vue模块化开发所谓的模块化开发是指将不同的部分封装到不同的模块中，不再将所有的组件、路由等写在一个页面中。各模块各司其职，提高开发效率。使用vue-cli生成的项目目录里，我们主要关注src目录。1.main.js文件main.js是整个项目的入口文件，vue-cli自动生成的文件内容如下：importVuefrom'vue'importAppfrom'./App'importrouterf
间阳幕宾·2019-12-24 09:40

Vue学习笔记-数组操作

变异方法push()方法可向数组的末尾添加一个或多个元素，并返回新的长度。pop()方法用于删除并返回数组的最后一个元素。shift()方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。unshift()方法可向数组的开头添加一个或更多元素，并返回新的长度。splice()方法向/从数组中添加/删除项目，然后返回被删除的项目。sort()方法用于对数组的元素进行排序。reverse()方
赵客缦胡缨v吴钩霜雪明·2019-12-24 04:37

Vue 学习笔记02 —— my-project 示例项目分析

通过Vue学习笔记01——开发环境搭建我们创建了一个my-project。我们需要对项目的结构进行了解才能更好的进行vue项目的开发。
Laughingg·2019-12-24 03:00

vue学习总结

之前学习vue的路程是这样的，一开始帮别人改vue的bug，顺路看看整个项目结构，不会的地方直接上官网看一下，后来就按照之前见过的套路写了两个项目。国内vue市场太大了，借着辞职的这段时间从github找了几个vue的项目学习了一下，看了别人的项目结构比自己之前的好很多。可能不是最优的方案但是还是值得自己去学习一下的目录结构image.pngapi存放接口的地方image.pngstore(vue
你是一匹马·2019-12-24 02:17

vue学习笔记（四）

一、vue-router1、简介我们经常使用vue开发单页面应用程序（SPA）。开发SPA过程中，路由必不可少，vue的官方推荐是vue-router。单页面应用程序看起来好像是一个页面，其实是在一个页面中切换不同的html部分，从而达到所谓的单页面,在这切换之中，就需要使用路由来实现不同的页面内容的展现。2、基本用法（1）.使用步骤vue-router的基本使用步骤如下：定义需要切换的组件配置路
间阳幕宾·2019-12-23 19:58

[vue学习]一、环境安装

1.环境node[https://nodejs.org/dist/v8.9.1/node-v8.9.1-x64.msi]vscode[https://vscode.cdn.azure.cn/stable/dcee2202709a4f223185514b9275aa4229841aa7/VSCodeSetup-x64-1.18.0.exe]安装上面的两个软件，查看node是否安装成功的方式是执行以下
诸葛_小亮·2019-12-21 18:07

Vue学习心得

1.Vue构造器中有一个el参数，它是DOM元素中的id。2.其中vm构造器里data的属性和自定义data中的属性是相同的指向，vm构造器自带的属性也可以直接使用，但是要加$符号。vardata={site:"菜鸟教程",url:"www.runoob.com",alexa:10000}varvm=newVue({el:'#vue_det',data:data})document.write(v
米兰爹地·2019-12-21 02:04

vue学习更新。。。

vue学习：props，scope，slot，ref，is，slot，sync等知识点1、ref：为子组件指定一个索引ID，给元素或者组件注册引用信息。refs是一个对象，包含所有的ref组件。
木毅成舟·2019-12-21 00:55

Vue.js学习笔记（6）

©fengyu学习又是一个周末，继续我的Vue学习之旅上次学习了一些v-if的用法，这回又轮到谁了呢？
封小胖·2019-12-20 12:37

vue学习笔记（二）

一、vue生命周期vue实例从创建到销毁的过程，称为生命周期，共有八个阶段。这八个阶段里分别有一个叫做钩子函数的实例选项。供用户在相应的阶段对其进行操作。beforeCreate(){//组件实例刚刚创建，还未进行数据观测和事件配置},created(){//实例已经创建完成，并且已经进行数据观测和事件配置},beforeMount(){//模板编译之前，还没挂载},mounted(){//模板编
间阳幕宾·2019-12-20 04:56

Vue学习笔记（一）

Vue是什么Vue是一套用于构建用户界面的一个渐进式框架。“渐进式框架”和“自底向上增量开发的设计”这两个概念是什么？Vue具有很多特点和Web开发中常见的高级功能，如：解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOMVue与其他库/框架的区别：与Vue的对比Vue的安装方式下载与引入开发版本生产版本CDN#开发环境版本：包含有帮助的命令行警告#生产环境版本：优化了大小和速度#对于生产环境
LqZww·2019-12-20 00:00

Vue学习笔记入门篇——组件的通讯

本文为转载，原文：Vue学习笔记入门篇——组件的通讯组件意味着协同工作，通常父子组件会是这样的关系：组件A在它的模版中使用了组件B。
ChainZhang·2019-12-19 13:03

Vue2.0—— 搭建Vue脚手架（vue-cli）

ps:想了解更多vue相关知识请点击VUE学习目录汇总Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。
古德毛宁_39de·2019-12-19 08:47

vue学习02:vue的css,引入scss/less/styles

一:关于vue-loader1.在讲如何在vue项目中使用scss之前，我们先来简单了解一个概念，那就是vue-loader。vue-loader是什么东西呢？vue-loader其实就是一个webpack的loader。用来把vue组件转换成可部署的js,html,css模块。所以我们如果要想再vue项目中使用scss,肯定要告诉vue-loader怎么样解析我的scss文件。二.引入sass/
陌上桑_浅·2019-12-18 20:03
上一页 43 44 45 46 47 48 49 50 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他