vue学习

Vue2.0中 v-for指令中的key用法

vue学习{{key}}--{{item.name}}--{{item.age}}varfoo=newVue({el:'#app1',data:{items:[//数组{name:'sunling',age
sunda112·2020-07-10 02:41

小白分享：我的一次Vue学习非寻常之路（章一）

文章目录1、功能分析2、语言形态2.1视图模板2.2逻辑脚本2.3视图样式3、页面路由4、入门路线5、实践案例6、归纳总计导读：坦白讲，我是Java服务端研发，只知道Vue这么个前端编程语言，未曾任何学习过，仅仅是个小白。但为何突然学习Vue呢，这得益于一次需求研发，无奈前端资源紧张，恰这次需求实现是面向运营端，非C端用户，产品可以接受自己自测，毕竟初期也仅是他负责这个模块的间断性周期数据维护。鉴
秋夜无霜·2020-07-10 02:34

小白分享：我的一次Vue学习非寻常之路（章二）

文章目录1、实践案例1.1、联动效果1.2、form自定义校验1.3、TimePicker组件默认值2、归纳总结导读：坦白讲，我是Java服务端研发，只知道Vue这么个前端编程语言，未曾任何学习过，仅仅是个小白。但为何突然学习Vue呢，这得益于一次需求研发，无奈前端资源紧张，恰这次需求实现是面向运营端，非C端用户，产品可以接受自己自测，毕竟初期也仅是他负责这个模块的间断性周期数据维护。鉴于此，我尝
秋夜无霜·2020-07-10 02:34

解决“vue-router子路由默认视图不显示”问题

今天在看Vue学习视频，老师讲解vue-router多级路由的使用，在写完视频里的例子后，自己测试发现一个小问题（当时视频里没有提及），我是用name实现的路由之间的切换，其中一个有子路由，发现子路由的默认显示没有了
Web-once·2020-07-10 00:44

Vue学习(day3)

快速学习Vue笔记(Day3)列表渲染当我们需要将一组数据循环渲染到页面上的时候，需要用到列表渲染例如下面，讲一段活动列表，渲染到页面上面：varlist=[{title:"吃饭"},{title:"睡觉"},{title:"打豆豆"}];//列表渲染newVue({el:".main",data:{list:list,}});v-for指令根据一组数组的选项列表进行渲染语法：value,keyi
vito7zhang·2020-07-09 22:00

Vue从入门到实战 —— 安装Vue

2.Vue学习流程学习前提：必备技能，js，css，html等等，这个就不用多说了。Vue基础知识Vue项目实战如何安装Vue1.首先我们打开Vue的官网官方安装文档2.官网推
掘码人。·2020-07-09 22:33

Vue学习笔记（四）——v-for的key

参考文档：https://cn.vuejs.org/v2/guide/当使用v-for遍历数组时，如果没有指定key，则当数组元素顺序发生变更时，dom绑定的数据会更新，而dom本身的顺序不会变化；如果指定了key，则当数组元素顺序发生变更时，dom会和数据同步更新。下面用一个简单的例子来说明：Titledom未重新渲染{{item.message}}dom有重新渲染{{item.message}
讨厌走开啦·2020-07-09 19:27

vue学习—单元测试

参考1111karma单元测试#1,初始化时，需要选择打开test功能，然后选择karma测试vueinitwebpacktesttodo#2,运行测试，test目录会出现coverage--icov-report--index.html#浏览器打开这个index.html，可以查看所有的测试地方npmrununit#3,安装vue.js官方的单元测试实用工具库npminstall--save-d
Cookie_fzx·2020-07-09 17:44

Vue学习笔记(1).md

2017.4.11-4.13前言：上周大致浏览了Vue文档，简单使用了Vue.js文件尝试基本Vue特性。在这一周，学习Vue入门教程，完成了一个登录界面的Vue组件，并且通过与nodeJs的连接实现了登录验证。在下一周中，学习Vue组件的套用，使用less完善css，使用Vuex管理项目状态。笔记导航Vue框架搭建Vue前端组件搭建Vue服务器端通信项目要求最新作业具体要求使用VUE实现求职系统
daisimin7·2020-07-09 16:39

vue学习第一天

什么是MVVM模式，这样设计有什么优点MVVM模式室友经典的软件构架MVC衍生出来的，当View(视层图)发生变化的时候，会自动更新到ViewModel(视图模型)，反之亦然，View和ViewModel之间通过双向绑定（data-bingding）建立联系。创建一个vue对象并和视图进行绑定，然后在该div中分别用插值表达式、v-text、v-html获取到vm下data中的msg的值===={
blank_zio·2020-07-09 13:04

vue学习心得

前言使用vue框架有一段时间了，这里总结一下心得，主要为新人提供学习vue一些经验方法和项目中一些解决思路。文中谨代表个人观点，如有错误，欢迎指正。环境搭建假设你已经通读vue官方文档（文档都没读一遍（至少），那不建议动手撸码），在大致了解vue是什么东西，有什么用，核心概念之后我们就可以开始着手学习vue。首先搭建环境。学习vue，我的建议是通过官手脚手架起步。>>>Installation$n
不止前端·2020-07-09 11:12

Vue学习记录（一）-------- Vue这些修饰符帮我节省20%的开发时间

为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~目录表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符（实在不知道叫啥名字）表单修饰符填写表单，最常用的是什么？input！v-model~而我们的修饰符正是为了简化这些东西而存在的.lazy{{value}}从这里我们可以看到，我们还在输入的时候，光标还在的时候，下面的值就已经
手写的从前98·2020-07-09 10:02

Vue学习6----demo练习，实现todolist效果1

效果图：源码：复制即可运行App.dev+增加{{item}}----删除exportdefault{name:'app',data(){return{msg:'WelcometoYourVue.jsApp',todo:'',list:[],}},methods:{//添加数据add(){this.list.push(this.todo);},//删除数据idelete(key){this.lis
zhaihaohao1·2020-07-09 05:06

vue学习总结(六--黑马买买买项目--附源码)

今天开始用vue-cli做黑马买买项目:步骤:一.开始创建项目1.创建命令:vuecreateheimabuy2.打开命令cdheimabuy3.删掉hello-world多余文件4.在App.vue里导入首和尾(中间放router-view路由的出口),和引入样式(在素材里有);样式:记得在main.js里写,采用import,公共的文件都写在这里.完成后效果如下:5.创建分支,终端上执行如下命
庚中·2020-07-09 01:25

分享几个Vue案例供大家一起学习

完成后可以算是Vue学习的初级水平。
WebViewSuper·2020-07-08 23:07

VUE简单案例(图书管理)

VUE学习之路——vue简单案例简单的VUE项目（图书管理）实现了增删改功能图书管理table{border-collapse:collapse;}table,th,td,tr{border:black1pxsolid
 K ·2020-07-08 23:48

vue页面切换动画

VUE学习笔记vue基本语法整理条件渲染列表渲染vue路由vue路由切换动画vue基本语法整理条件渲染列表渲染vue路由vue路由切换动画vue路由切换动画，是基于vue的过渡动画效果做的。
weixin_44383184·2020-07-08 22:06

Vue学习（一）——概述及入门

1、vue是什么？Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。也可以说是一个类库。用于构建用户界面的渐进式框架声明式渲染–>组件系统–>客户端路由–>集中式状态管理–>项目构建vue的核心库只关注视图层特别注意，Vue还是一款国产框架，非常难得啊。它的作者–尤雨溪。Vue诞生于2014年，2015年10月27日才正式发布1.0.0版本。2、Vue有哪些优点？易用
Macay·2020-07-08 22:35

Vue学习----第三天_模块化开发【6.4】

一、为什么需要模块化1.JavaScript原始功能2.匿名函数的解决方案3.使用模块作为出口二、CommonJS（了解）依赖于node环境，若不是node环境，无法运行导出：module.exports导入：require三、ES6的export(导出)指令1.export基本使用2.导出函数或类3.exportdefault注：同一模块中，只允许有一个四、ES6的import(导入)指令1.i
lvan-ah·2020-07-08 22:59

vue学习笔记之什么是渐进式框架

前言今天打开官网开始学习Vue，有一句这样的话：Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。但是一个词语就让我摸不着头脑：渐进式框架。那么问题来了什么是渐进式框架，什么是自底向上逐层应用呢？于是便有了这篇文章。何谓渐进式框架我上网查了一些资料，我认为有一篇文章讲的特别好，可以点击下面的链接：Vue2.0中
Beyond_630·2020-07-08 20:39

小汪的vue学习笔记

目录第一章1.let和const2.MVVM3.生命周期1.生命周期函数4.插值操作5.v-bind使用6.v-for的使用7.计算属性computed1.简单使用2.复杂操作3.set（）和get（）4.计算属性和methods的区别8.ES6补充1.let和var2.理解块级作用域3.const的使用4.对象字面量增强写法9.事件监听1.v-on基本使用和语法糖2.v-on的修饰符10.v-i
Fight_hard·2020-07-08 20:27

Vue草稿

Vue学习笔记1.概述、特征、以及初始化Vue是一种灵活的渐进式相应框架采用声明式的编程范式引用Vue的方法constapp=newVue({el:'#app',//用于挂载需要挂载的元素data:{message
讨嫌喵·2020-07-08 18:11

Vue学习笔记

Vue学习笔记1.概述、特征、以及初始化Vue是一种灵活的渐进式相应框架采用声明式的编程范式引用Vue的方法constapp=newVue({el:'#app',//用于挂载需要挂载的元素data:{message
讨嫌喵·2020-07-08 18:11

小白的vue学习之路04项目

项目技术框架：项目首页：项目：main.js'usestrict';//引入第三方包开始importVuefrom'vue';//VueRouter:引入路由对象importVueRouterfrom'vue-router';//VueRouter:安装插件Vue.use(VueRouter);//Mint:引入mint-uiimportMintfrom'mint-ui';//Mint:引入css
weixin_37770640·2020-07-08 18:05

vue第一课——认识数据绑定

2019独角兽企业重金招聘Python工程师标准>>>一起学vue——vue学习总路线前言上次解决了直接引入报错的问题，今天开始学习。
weixin_33824363·2020-07-08 15:13

vue第一课——模板语法

2019独角兽企业重金招聘Python工程师标准>>>一起学vue——vue学习总路线——————————^~^我是萌萌哒分割线^~^————————————————v-html作用：用于输出html代码用法
weixin_33671935·2020-07-08 15:48

vue 学习中遇到的一些问题

vue学习中遇到的一些问题Vue中data有return返回函数问题：在简单的vue实例中会看到Vue实例中data属性展示方式如下：letapp=newVue({el:"#app",data:{msg
z-pan·2020-07-08 14:24

Vue学习之路第十四篇：v-for指令中key的使用注意事项

1、学前准备：JavaScript中有一个方法：unshift()，其作用是向数组的开头添加一个或更多元素，并返回新的长度。该方法的第一个参数将成为数组的新元素0，如果还有第二个参数，它将成为新的元素1，以此类推。2、直接上代码序号： 车名： 添加序号：{{item.id}},车名：{{item.name}}varvm=newVue({el:"#app",data:{idVal
weixin_30591551·2020-07-08 14:48

Vue学习之路5-v-model指令

1.指令释义v-model在表单控件或者组件上创建双向绑定，本质上是负责监听用户的输入事件（onchange，onkeyup，onkeydown等，具体是哪个，还请查阅官方底层实现文档）以更新数据，并对一些极端场景进行一些特殊处理。2.表单输入绑定方式和方法2.1input框实现双向数据绑定示例：123{{title}}45请输入:6你在input框中输入了:{{inputs}}789101112
weixin_30569153·2020-07-08 14:38

Vue学习-基础语法

Vuev-if指令Vue.js的指令是以v-开头的，它们作用于HTML元素，指令提供了一些特殊的特性，将指令绑定在元素上时，指令会为绑定的目标元素添加一些特殊的行为，我们可以将指令看作特殊的HTML特性（attribute）。v-if:v-if是条件渲染指令，它根据表达式的真假来删除和插入元素，它的基本语法如下：v-if="expression"expression是一个返回bool值的表达式，表
weixin_30457065·2020-07-08 13:03

Vue学习-单选全选的示例

平时开发过程中，经常用到单选和全选的情况，现将示例保留，供以后查阅，该示例取自于TODOMVC示例：HTML中部分代码：todosMarkallascomplete{{item.content}}{{remaining}}item{{remaining===1?'':'s'}}leftAllActiveCompletedremaining"@click="removeCompleted"class
生活体验师·2020-07-08 09:53

Vue学习笔记(一) P1~P12

文章目录hello,Vue.js!v-for遍历案例:计数器MVVMVue的options选项1.el2.data3.functionsVue的生命周期模板Mustachehello,Vue.js!{{message}}constvm=newVue({el:"#app",data:{message:"helloworld!",}})注:了解constletvar三者的区别constvm…letvm
D.D.U·2020-07-08 08:51

Vue学习--常用指令

1、创建一个vue实例vue的一个特点就是数据驱动界面，一旦对js中的数据进行修改，界面中用到数据的地方也会立马做出更改。为了对界面进行操纵，需要先获取到界面的标签元素，并实例化一个vue实例。例如在HTML创建一个div：{{msg}}在js中将其实例化为vue对象：letapp=newVue({el:'#app',//标签的类名、id，用于获取元素       //以键值对的形式存放用到的数据
Trajec_Tory·2020-07-08 07:49

VUE学习03--VUE数据绑定（绑定数据，绑定属性，绑定样式，双向数据绑定）

今天我们一起来学一学VUE的绑定。一、数据绑定首先可以先把数据定义在Vue页面中的标签内，然后在标签中通过{{变量名去取}}。另一种方法：如果变量是对象，可以{{对象.属性}}去取。如果变量是集合，可以通过v-for遍历去取。请看下面实例（我们在新建项目中的App.vue）：hellovue绑定数据：{{msg}}绑定数据的另一种方法：{{obj.name}}{{item}}{{item.titl
stalin_·2020-07-08 06:34

VUE学习04--VUE字符串过滤器的使用

由于后端对字符串的处理特别多，在学习前端时又发现了VUE有一个过滤器的功能，我们可以通过自定义过滤器来对字符串进行处理。下面我们来学习一下字符串过滤器的使用。首先我们来说一下用法：正常显示一个数据我们会这样{{message}}在使用过滤器就像linux中命令的管道符一样，用|进行过滤。{{message|filters1|filters2|.....}}然后filters定义在标签内，与data
stalin_·2020-07-08 06:34

VUE学习01--如何使用VSCode搭建一个可以运行的VUE项目

初学前端，将自己学习路上的一点经验总结一下，供大家参考，欢迎大家多提建议~共同进步~首先大概介绍一下VUE框架。VUE是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。由于VUE框架
stalin_·2020-07-08 06:34

VUE学习02--VUE项目各级目录及文件作用介绍

我们创建完成vue项目，会发现有很多目录及文件，我给大家简单介绍一下各个目录的作用。build--主要是一些webpack项目打包的配置文件config--项目运行时的一些配置，如项目端口号等。node_module--项目依赖，由命令npminstall生成index.html--入口文件package.json--项目的配置文件创建项目填写的一些选项都写到这里了。webpack.config.
stalin_·2020-07-08 06:34

VUE学习05--VUE流程控制语句（ if / else if / v-show 条件判断 , for 循环 , for + if 使用）

对于每一门语言，流程控制语句都十分的重要，有了它们我们才能实现更加复杂的需求，实现更加强大的功能。在VUE中对应也有一些特有的标签。下面我们来了解一下~一、条件判断标签：v-if--对应if用法v-if="表达式"v-else-if--对应elseif用法v-else-if="表达式"v-else--对应else用法v-elsev-show--与v-if作用相同，但不能和else，elseif连用
stalin_·2020-07-08 06:34

Vue学习笔记5.2 CSS过渡动画----使用animate.css

使用animate.css库/*1.这是正常的CSS过渡动画的方法。先写好@keyframes（CSS3）然后在.fade-enter-active和.fade-leave-active中添加相应的绑定和过渡参数*//*@keyframesbounce-in{此部分为CSS3的内容可自行查看W3Cschool0%{transform:scale(0);}50%{transform:scale(1.
@凌晨三点半·2020-07-08 06:57

vue学习之路（一）--vue-cli安装+vue-router+vue-resource

一、Vue-cli:脚手架安装a)安装nodejs；b)win+r，输入cmd进入命令行工具；c)安装vue-cli：（-g：全局安装）i.方法一：npminstallvue-cli-g：此方法链接的是国外网站会比较卡；ii.方法二：安装cnpm，通过淘宝镜像安装：npminstall-gcnpm--registry=https://registry.npm.taobao.org，然后：cnpmi
Mosowe·2020-07-08 06:14

vue学习及知识点总结

1：兼容性Vue不支持IE8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器。2：指令声明式渲染鼠标悬停几秒钟查看此处动态绑定的提示信息！varapp2=newVue({el:'#app-2',data:{message:'页面加载于'+newDate().toLocaleString()}})v-bind特性被称为指令。指令带
恋念思尔悄悄然·2020-07-08 04:30

Vue学习系列（二十）：vue-cli脚手架快速搭建Vue项目

Vue学习系列：上一篇：Vue学习系列（十九）：Vue的路由在使用vue-cli搭建Vue项目之前，我们需要通过npm或cnpm安装vue-cli，这样我们才可以使用vue-cli来搭建Vue项目。
看地阔天高云深处·2020-07-08 03:57

Vue学习系列（二十一）：Element-ui的初体验

Vue学习系列：上一篇：Vue学习系列（二十）：vue-cli脚手架快速搭建Vue项目第一步：搭建vue-cli项目vuecreateelement-ui-demo第二步：安装element-ui的依赖
看地阔天高云深处·2020-07-08 03:57

Vue学习系列（十九）：Vue的路由

Vue学习系列：上一篇：Vue学习系列（十八）：Vue的组件之子组件向父组件通信Title{{message}}默认会被渲染成一个``标签-->GotoFooGotoBarHomeUserRegisterGotoreplaceGotoappendGotoRoute1constFoo
看地阔天高云深处·2020-07-08 03:25

vue学习

基础脚手架安装Vue脚手架npminstall-g@vue/clivue--version(一般是3.x.x)vuecreatemy-project拉取2.x模板npminstall-g@vue/cli-initvueinitwebpackmy-projectvueinitwebpackmy-project什么是前端渲染，什么是后端渲染后端渲染：后台服务器传到前台就已经渲染好了。后端路由：后端处理
爱一半码一半·2020-07-08 01:08

Vue学习—选项(三) mixins混入

mixins：mixins选项接受一个混入对象的数组。这些混入实例对象可以像正常的实例对象一样包含选项，他们将在Vue.extend()里最终选择使用相同的选项合并逻辑合并。举例：如果你的混入包含一个钩子而创建组件本身也有一个，两个函数将被调用。Mixin钩子按照传入顺序依次调用，并在调用组件自身的钩子之前被调用。也就是说同一个生命周期钩子写在构造器外部的会比构造器里面的先调用，如下例子结果如图：
我家小薇薇·2020-07-08 01:23

Vue学习之路——创建简单实例

随着软件行业的发展，我们做程序猿的自然也是要日益提高自己的技能，才能才在这个行业生存，那么如何更好地生存呢，以前说有一技之长便可吃遍天下，不过随着时间的推移，我们得不断地完善自己的技术了，现在看招聘网站也都是得会前端的，所以我们自然也是得学习的，那么一起学习Vue吧Vue.js官网地址：https://cn.vuejs.org/v2/guide/syntax.html起步官方指南假设你已了解关于H
清風徐來！·2020-07-08 01:59

vue学习笔记之Webpack详解（模块与打包、loader、el和template区别、plugin）

我们从两个点来解释上面这句话：模块和打包首先理解模块化在ES6之前，我们要想进行模块化开发，就必须借助于其他的工具，让我们可以进行模块化开发。目前使用前端模块化的一些方案：AMD、CMD、CommonJS、ES6。现在许多浏览器都不支持这些模块化范式，而webpack就出现了，它就可以把这些模块化工具通过webpack变成浏览器可以识别的东西。并且在通过模块化开发完成了项目后，还需要处理模块间的各
qq_39773416·2020-07-08 00:23

vue学习笔记第一天之基本语法（{{}}、v-once、v-html、v-text 、v-pre、v-bind、计算属性）

插值操作一、Mustache（胡子、胡须）语法{{}}使用方法：对下面数据的进行表达的意思{{firstName}}//这样可以对下面数据的表达{{firstName}}流批//{{firstName+lastName}}//可以把这样使用它{{firstName+''+lastName}}{{firstName}}{{lastName}}//两个Mustache间有两个空格{{counter*2
qq_39773416·2020-07-08 00:23

Vue学习笔记之插值操作

1.mustache语法：mustache翻译过来就是胡子，而它的语法就是一对{{}}，像极了胡子。01-Mustache语法{{message}}{{firstName+lastName}}{{count*6}}{{firstName+''+lastName}}{{firstName}}{{lastName}}constapp=newVue({el:'#app',data:{message:'你
科小喵·2020-07-07 22:18
上一页 34 35 36 37 38 39 40 41 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他