#vue学习

VUE学习笔记

VUE学习笔记目录:VUE基础入门(level1)1.1基本概念和入门程序1.2入门小Demo1.3常用指令1.4v-on:事件修饰符1.5v-model双向数据绑定1.6VUE的样式设置1.7v-for
不_yu·2020-07-11 21:42

vue学习：webpack+vue（路由）

image.png自己做了一个vue前端项目因为工作中没有h5项目，慢慢的离h5越来越远，所以狠下心来做一个h5项目，就仿照h5做了一个单页面应用。整体的项目搭建还是用的之前的webpack+vue2的代码。文章在这：http://www.jianshu.com/p/468a69ac2fc4然后一步一步的把项目搭建起来，首先需要把网站的路由系统做出来。看一下文件目录：image.png第一步：引入
奔跑的攻城狮·2020-07-11 18:15

VUE学习笔记（1）：基础语法

目录：相关概念：实例的基本属性：属性绑定和双向数据绑定：VUE中的计算属性和侦听器：v-if,v-show与v-for指令：相关概念：挂载点：el属性对应的dom元素。模版：挂载点内部的所有内容。可以把模版放在Vue实例中定义，作为template属性值实例：定义挂载点，把定义的数据与模版结合起来生成要展示的内容，再把这个内容放在挂载点中。v-text=''data''转义，原始字符串。v-htm
he0103·2020-07-11 17:07

Vue学习笔记（一）

1Vue目录结构build：项目构建webpack的相关代码config：配置目录，包括端口号等node_modules：npm加载的项目依赖模块src：开发的目录模块，包含assets（资源文件），components（组件文件），App.vue项目入口文件，main.js项目核心文件static：静态资源文件，如图片，字体等test：初始测试目录.xxx：配置文件，比如语法配置，git配置等等
氷泠·2020-07-11 13:03

我的Vue学习第一天-Vue的单页面构成

//1.定义模板importcomponent001from"../comportents/component001.vue"//2.引入模块exportdefault{//3.定义对外开发的模块name:"htmldemo",components:{//4.注册组件},ready:function(){},methods:{//4.该模块所有的方法},data(){//5.初始化数据testDa
lixp3·2020-07-11 12:26

vue学习笔记之——v-for与局部组件的传值

在vue2.0中列表渲染也是一门学问，如果你的列表用到了v-for进行数据遍历，而且每一项使用一个自定义组件包裹，像这样其中：user就是组件元素的属性，在创建组件时只需要通过props引入其对应的数据，就可以通过组件得到相应的列表标签，完整代码如下:newVue({el:'#app',data:{users:[{name:"BoBo",email:"[email protected]"},{name:"P
蜗牛fighting·2020-07-11 11:29

VUE学习教程（一）：搭建VUE开发环境

一、下载node.js：在搭建vue的开发环境之前，一定要先下载node.js，，vue的运行是要依赖于node的npm的管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64，下载地址：http://nodejs.cn下载完成后然后按照流程安装即可。安装完成后重新打开cmd命令窗，输入：node-v出现版本号，则说明安装成功二、安装npm：vue是依赖npm工具来
小嘉的大白菜·2020-07-11 10:00

Vue学习笔记

目录一介绍二指令(directive)三组件3.1组件实例3.2DataandMethods3.3生命周期四模板语法4.1插值4.1.1文本插值4.1.2RawHTML4.1.3属性4.1.4表达式4.2指令4.2.1参数4.2.2动态参数4.2.3Modifiers4.3缩写五computed、watch六class和style数据绑定6.1class数据绑定6.2styles数据绑定七条件性渲
千霜·2020-07-11 09:20

vue学习笔记之：以对学生数据的处理作为示例实现数据过滤筛选等常规处理

示例：现有一组学生数据，通过对其中的数据筛选，获取其中的年龄最大、年龄最小、和年龄在指定区间内的学生数据学生数据：[{'name':'张三','sex':'男','age':15},{'name':'刘丽丽','sex':'女','age':25},{'name':'李艳','sex':'女','age':17},{'name':'王五','sex':'男','age':35},{'name':'
枫林血舞·2020-07-11 07:07

VUE学习小结

构造VUE实例newVUE({el:'选择器',data:{k1:v1,k2:v2,...},methods:{method1(){...},method2(){...}}})说明：VUE构造函数的参数是一个json对象，它主要有3个键：el表示数据在什么元素内有效，它的值是一个选择器，可以是id选择器，也可以是类选择器，不能是body。data显示就是数据，是一个json格式，在html双标签内
diyinjiao1404·2020-07-11 05:41

vue学习笔记[1] 开始

从现在开始，记录我的vue学习，终极目标是做一个使用vue+boostrap做一个admin后台界面。准备工作生产环境是必须的-node-npm安装vue不说了，参考vue的文档安装boots
antdz·2020-07-11 02:24

vue基础：在跟组件（App.vue）调用外部组件

vue基础：在跟组件（App.vue）调用外部组件在vue学习中，我们发现将所有的组件，都放在根组件是不合理的，同样也是低效的。于是我们将不同的模块分割，需要哪个模块的时候就可以直接调用。
谷咕咕·2020-07-11 01:14

Vue学习之旅Part6：通过例子和示意图弄懂Vue的八大生命周期

一、概述Vue实例从创建运行到销毁期间伴随着的各种各样的事件这些事件统称为生命周期生命周期钩子就是生命周期事件的别名生命周期钩子=生命周期函数=生命周期事件这三个都是一样的东西不过叫法不同而已Vue总共分为三个大的生命周期即：创建运行销毁和人的一生也很像：出生活着死亡(跑题辽主要的生命周期函数：创建期间的生命周期函数：beforeCreate：实例刚在内存中被创建出来此时还未初始化完毕data和m
Piconjo_Official·2020-07-10 23:58

Vue学习之旅Part3：Vue的全局过滤器和私有过滤器

Vue允许自定义过滤器可被用作一些常见的文本格式化过滤器可以用在两个地方：mustache插值表达式和v-bind表达式过滤器应被添加在JavaScript表达式的尾部由“管道”符指示(管道符就是一个竖杠：|)一、全局过滤器全局过滤器调用时的基本格式：通过管道符[|]来进行过滤例如{{name|nameOpe}}定义过滤器的语法：Vue.filter("过滤器名称",处理函数)处理函数的第一个参数
Piconjo_Official·2020-07-10 23:58

vue学习笔记--插槽、具名插槽和作用域插槽

插槽使用场景是:slot（插槽）可以理解为占位符如果子组件需要显示的内容并非来自本身，而是父组件传递进来的，而假如直接这样写，是不可以实现的，因为如果me-component没有包含一个元素，则任何传入它的内容都会被抛弃：Document我是header//插槽Vue.component('me-component',{template:`你好`})newVue({el:'#app'})要实现上面
小棋子js·2020-07-10 23:37

Vue学习笔记-项目开发4.3 渐隐渐现效果-动态样式（Header渐隐渐现）

一、渐隐渐现的效果说明：当我们选择详情页面后在详情页面顶部显示返回，在向上滑动时出现另外一个标头，在向下滑动时恢复原样，如下图所示二、代码展示及说明//1、这部分是左边的那个小箭头用于返回到首页的//2、隐藏显示的导航栏景点详情exportdefault{name:'DetailHeader',data(){return{showAbs:true,//3、透明度先设
Kasey_L·2020-07-10 22:23

Vue学习的随笔记-----1

1，事件修饰符：在使用的过程中可以串联，例如：@click.stop.once=”事件方法”，所有的修饰符都以“.”开头.stop用来：阻止冒泡(例如：当input中点击后会触发外层的div点击事件，可能会发生多点击，使用.stop可组织冒泡，用在点击事件后面)。（冒泡机制是从内部向外部，捕获机制是从外向内）。.prevent：阻止默认行为(例如：给a链接添加一个点击事件，只触发点击事件，不会跳转
GO312645·2020-07-10 21:05

Vue学习笔记（一）

1Vue目录结构build：项目构建webpack的相关代码config：配置目录，包括端口号等node_modules：npm加载的项目依赖模块src：开发的目录模块，包含assets（资源文件），components（组件文件），App.vue项目入口文件，main.js项目核心文件static：静态资源文件，如图片，字体等test：初始测试目录.xxx：配置文件，比如语法配置，git配置等等
qq5d1070a92e32e·2020-07-10 17:32

Vue学习教程

Vue学习起来非常简单，本教程基于Vue2.1.8版本。开始学习：Vue.js安装、Vue.js目录结构、Vue.js模板语法、Vue.js条件语句、Vue.js循环语句、Vue.js
ixiaoyang8·2020-07-10 17:38

说自己精通Vue的，长点心吧！

文/北妈阅读本文需要2.3分钟一经常有粉丝在后台和群里留言有关Vue学习的问题，在学习、应用过程中，总会遇到这样那样一知半解的问题，今天北妈总结了一下，大家遇到困惑无非是这几方面：1、概念过多，记不住。
小北哥哥和北妈·2020-07-10 13:22

Vue学习笔记入门篇——Class 与 Style 绑定

本文为转载，原文：Vue学习笔记入门篇——Class与Style绑定绑定HTMLClass数据绑定一个常见需求是操作元素的class列表和它的内联样式。
ChainZhang·2020-07-10 11:31

Vue学习记录-创建一个传统的后台管理系统的界面(antd+vue)

效果图1.首先创建一个项目https://cli.vuejs.org/zh/guide/creating-a-project.html2.引入antdhttps://www.antdv.com/docs/vue/introduce-cn/3.配置路由main.jsimportVuefrom'vue';importAntdfrom'ant-design-vue';import'ant-design-
AsianPangolin·2020-07-10 11:16

Vue的简单示例

Vue学习起来非常简单。如果要安装它的话可以采用下方建议：第一种方法可以从Vue.js的官网上直接下载vue.min.js来使用。第二种方法使用CDN方法的方法，但是这种方法建议下
咦呀·2020-07-10 10:45

挖坑指南：ESLint + VS Code自动格式化代码

刚开始接触vue学习的时候，也都是自然而然地关闭了ESLint。以至于没有从头开始养成良好的习惯，现在也是从0开始，将
車句·2020-07-10 09:49

不一样的vue实战(3): 布局与组件

首先首发博客:我的博客项目源码:源码(喜欢请star)项目预览:预览上一章:《学习不一样的vue(2)实战:项目分析》我的Q群:meteor高手群vue学习交流群首先：讲一句抱歉,周末俗事缠身,无力更博
weixin_34235135·2020-07-10 08:18

Vue学习之路之登录注册

杭州数澜科技招聘Node.js工程师【可实习】、UE/UI设计师【实习】、前端React工程师【实习】，联系方式可见评论区Vue.js+ElementUI+MongoDBP1安装Vue-CLIVue.js文档利用Vue.js提供的一个官方命令行工具#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-
淡就加点盐·2020-07-10 08:18

Vue学习路径-轻松从基础到实战

里边全部是vue的免费视频，全算下来有100多集。希望可以帮助前端小伙伴学习Vue。学习一直属于孤独者，任何伟大的发明家都忍受过寂寞和无助，但他们最终走了出来。也许你刚来到本站，也许你刚接触前端，你会稍感彷徨。但你来到了这里，技术胖希望让你有所收获。你可以按照这篇文章的脉络来进行学习Vue，重要的是从入门到上手项目，你不需要花费一分钱。它已经帮助数以十万的前端爱好者学习,并很多人顺利找到了工作。V
weixin_33747129·2020-07-10 07:39

vuejs2.0从入门到放弃--入门实例（四）

今天就跟大家一起开启，没有命令行的vue学习之旅，本文适合小白，高手自动忽视。现在，大部分的vuejs的资料都是用vue-cli去构建项目的，给不懂node
Angewell·2020-07-10 04:12

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
上一页 34 35 36 37 38 39 40 41 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他