Vue基础

vue基础 - sync

官文https://cn.vuejs.org/v2/guide/components.html实例父组件等同data1=val">这两种写法都可以子组件watch:{items(val){this.tableData=val},tableData(val){this.$emit('update:items',val)}},computed:{},data(){return{tableData:[]
会煮咖啡的猫咪·2020-03-02 16:55

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十四║ Vuex + JWT 实现授权验证登陆

系列就基本告一段落了，大家也好好加油鸭，今天将的内容呢，其实细心的你看到题目应该就能大家猜到了，前提是一直看本系列的小伙伴们，包括之前.netcore部分，这里先简单说下上周咱们都说了什么：周一：《十九║Vue
SAYLINING·2020-03-02 02:50

Web开发大本营周末提高班说明

没有确定的结束日期学习方式课程内容按大家意愿先后安排，紧急同学可小灶每周一天（周日），考虑大家加班和休息每次课程6课时，课程知识量足够课程轮回讲授，一期没学好，还有下一期入学即加入学习群，享受技术支持/代码服务学习内容包括但不限于：Vuevue
Web开发大本营·2020-02-26 07:32

vue介绍 ~ 之官网 （这个需要整合对应的vue基础等重叠内容）

Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架（1）Vue采用自底向上增量开发的设计；何为：自底向上???Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。（2）Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。https://github.com/vuejs/awesome-vue#libraries--pl
墨子幻·2020-02-24 18:22

Vue基础知识

Vue.js是什么Vue.js是一个渐进式javascript框架，渐进式就是由浅入深、由简单到复杂的方式去使用Vue.js。Vue的核心是一个允许采用简洁的模版语法来声明式地将数据渲染进DOM的系统。Vue有响应式和双向绑定特性。响应式就是修改data中的数据，视图的数据也会发生改变，双向绑定是针对表单元素，比如文本框中输入的数据发生改变视图的数据也会改变。组件化应用构建：组件系统是Vue的另一
A郑家庆·2020-02-19 13:09

学习记录-三月

感想：内容列表名字|链接|介绍vue基础|https://cn.vuejs.org/组件-fetch|https://github.com/github/fetch|基于promise的ajax组件ES6
贱人小明·2020-02-19 10:20

三十分钟学会使用VUE搭建单页应用(SPA) 上

今天我们将学习如何用VUE构建一个简单的单页应用(SPA)如果没有其他特殊声明，此教程中的VUE全部指的是VUE2.X版本预览让我们先看看最终的的单页程序是什么样子的成果阅读本教程之前希望你能有如下的基础知识：VUE
Taylor111·2020-02-17 17:00

39元让你月薪过万

该课程将会包括以下内容：1.Vue基础、Vue周边生态及ES62.Express及MongoDB开发3.Vue状态管理工具VueX4.Webpack5.项目整体开发流
钱塘风华·2020-02-15 07:15

手机调试、webview跳转、vue基础

前言实习一周，学到很多东西，技术上的，心态方面的，还有时间管理方面等等。我想，我会很怀念这一周的。技术上总结公司前端主要的技术栈是vue和mui，vue自己之前不熟悉，也是慢慢在学习之中（这对自己来讲，是一个锻炼的机会，也是一个很大的挑战）。mui之前也没有接触，所以还是很大的难度的。mui手机端调试ctrl+r快捷键为运行和停止，可以直接使用数据线连接手机进行调试，一开始自己的手机不行，后来又一
GpingFeng·2020-02-15 02:51

Vue基础入门——概述+语法

文章目录Vue1概述1.1vuejs入门1.2MVVM模式1.3前期准备1.4入门案例2语法2.1插值表达式2.2VueJS常用系统指令1v-on2事件/按键修饰符3v-text,v-html,v-bind4v-for5v-model3生命周期4axios的ajax异步请求5综合案例Vue1概述1.1vuejs入门Vue.js是一个构建数据驱动的web界面的渐进式框架。目标是通过尽可能简单的API
莫小夕儿呀·2020-02-13 16:03

前端Vue面试题笔试题

目录：前端HTML+CSS笔试题面试题前端JS笔试题面试题前端小程序笔试题面试题Vue基础必备1、v-show与v-if区别1、v-show是css切换，v-if是完整的销毁和重新创建。
蛙哇·2020-02-13 06:17

Vue基础

Vue.js特点简洁：HTML模板+JSON数据，再创建一个Vue实例，就这么简单。数据驱动：自动追踪依赖的模板表达式和计算属性。组件化：用解耦、可复用的组件来构造界面。轻量：~24kbmin+gzip，无依赖。快速：精确有效的异步批量DOM更新。模块友好：通过NPM或Bower安装，无缝融入你的工作流。Vue.config是一个对象，包含Vue的全局配置。可以在启动应用之前修改下列属性：1.#s
二狗的小仙女·2020-02-13 05:07

前端Vue框架学习笔记

在学习的过程中，总结了一些学习的用例，和对一些vue基础技术的讲解。整理出学习文档和示例代码分享给大家。文中若有是不足之处，请大家多多包涵。
让爱远航·2020-02-12 16:39

[前端] VUE基础 (9) (element-ui、axios、vuex)

一、element-ui的使用官方网页：https://element.eleme.cn/#/zh-CN1.安装element-ui(venv)D:\pycharm_workspace\vue_learn\leeoo>cnpmielement-ui-S√Installed1packages√Linked8latestversions√Run0scripts√Allpackagesinstalled
风间悠香·2020-02-12 16:00

Vue框架的介绍及使用

通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目一、Vue基础1、什么是Vue可以独立完成前后端分离式web项目的JavaScript框架2、为什么要学习
Hank·Paul·2020-02-11 23:00

第一篇：Vue基础

Vue基础渐进式JavaScript框架通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目走进Vue什么是Vue渐进式JavaScript框架，可以独立完成前后端分离式
百事可爱·2020-02-11 22:00

vue基础 - 数据传递之 $attrs inheritAttrs

解决的问题简单的元素层次嵌套，可以不用vuex进行数据管理对象$arrts所有向下传递的属性值inheritAttrs本节点是否渲染所有属性值代码vardemo11={template:`传递二层：{{val1}}{{val2}}`,props:['val1','val2'],//inheritAttrs:false}vardemo1={template:`传递一层：{{val1}}`,props
会煮咖啡的猫咪·2020-02-11 21:55

Vue基础-模版语法

一.Vue组件Vue组件包含template、script、style三个部分：template是Vue组件的视图部分，等同于html的DOM树script是Vue组件的逻辑部分，其中包含了和页面交互的数据（data）以及要调用的方法（methods）等style是Vue组件的样式部分，存放了生成html页面需要的css样式{{msg}}exportdefault{data:function(){
刘小菜鸟·2020-02-11 18:40

[前端] VUE基础 (8) (vue-cli脚手架)

一、安装vue-cli脚手架VueCLI的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的vue-cli(1.x或2.x)，你需要先通过npmuninstallvue-cli-g或yarnglobalremovevue-cli卸载它。VueCLI需要Node.js8.9或更高版本(推荐8.11.0+)。使用命令检查版本：C:\Users\Administrator>nod
风间悠香·2020-02-11 17:00

vue基础

文章目录1.vue.js的快速入门使用1.1vue.js库的下载1.2vue.js库的基本使用1.3vue.js的M-V-VM思想1.4显示数据2.常用指令2.1操作属性2.2事件绑定例如:完成商城购物车中的商品增加减少数量2.3操作样式2.3.1控制标签class类名2.3.2控制标签style样式2.3.2实例-vue版本选项卡2.4条件渲染指令2.4.1v-if2.4.2v-else2.4.
fwlucky·2020-02-10 20:09

Vue Project的搭建

vue基础框架搭建可参照https://www.cnblogs.com/princesong/p/6728250.html结合搭建搭建vue框架前，先安装四样东西：（ie版本ie9以下vue是不支持的）
oldwai·2020-02-09 21:47

[前端] VUE基础 (7) (模块化、ES6Module、webpack自定义脚手架)

一、模块化1.什么是模块化模块化就是把系统分离成独立功能的方法，这样我们需要什么功能，就加载什么功能每个模块都是独立的，良好设计的模块会尽量与外部的代码撇清关系，以便于独立对其进行改进和维护可以重复利用，而不用经常复制自己之前写过的代码python语言就是模块化的，每个py文件就是一个模块，互相之间可以导入使用。模块化主要解决两个问题，"命名冲突"、"文件依赖"。1）命名冲突在一个js文件中，如果
风间悠香·2020-02-09 01:00

[前端] VUE基础 (6) (v-router插件、获取原生DOM)

一、v-router插件1.v-router插件介绍v-router是vue的一个核心插件，vue+vue-router主要用来做SPA（单页面应用）的。什么是SPA：就是在一个页面中，有多个页签，我们选择页签显示不同的内容，但页面不跳转。例如：在网易云音乐的主页中，发现音乐、我的音乐、朋友这三个页签就是单页面应用。当我们切换他们时，可以观察到url的变化：这里看到的url改变（路由改变）的路由是
风间悠香·2020-02-07 23:00

1小时入门Vue

Vue基础语法输出helloworld首先在一个标准html中创建一个vue.js，然后引入，最终代码如下：Vue学习{{content}}newVue({el:"#root",data:{content
程序员小哥哥·2020-02-07 22:37

[前端] VUE基础 (5) (过滤器、生命周期、钩子函数)

一、过滤器过滤器分为局部过滤器和全局过滤器。1.局部过滤器//定义AppletApp={data(){return{msg:'HelloWorld'}},//使用msg的时候，使用管道符号传递给filter进行处理template:`{{msg|myReverse}}`,filters:{myReverse:function(val){returnval.split("").reverse().j
风间悠香·2020-02-07 19:00

vue组件通信（props,$emit,$attrs,$listeners）

朝颜陌vue基础----组件通信（props,$emit,$attrs,$listeners）一、父传子，子传孙1.props1>在父组件中通过子组件自定义的标签属性来传递数据。
益码凭川·2020-02-07 15:00

Vue基础（一）--事件和属性

Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。HelloWorld！Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统，如下：{{message}}varapp=newVue({el:'#content'
ChaoYoung·2020-02-07 00:26

[前端] VUE基础 (4) (组件基础、局部组件、全局组件、父子传值、平行传值)

一、组件1.组件概念我们将一个页面看成一个最大的组件（app），这个组件里面又由多个子组件构成。这样形成一颗组件树。如上图所示；例如，你可能会有页头、侧边栏、内容区等组件，每个组件又包含了其它的像导航链接、博文之类的组件。为了能在模板中使用，这些组件必须先注册以便Vue能够识别。这里有两种组件的注册类型：全局注册和局部注册。2.template的优先级在前面章节的vue使用中，我们的vue实例与一
风间悠香·2020-02-06 21:00

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十七 ║Vue基础：使用Vue.js 来画博客首页（一）

缘起书说前两篇文章《十五║Vue前篇：JS对象&字面量&this》和《十六║Vue前篇：ES6初体验&模块化编程》，已经通过对js面向对象，类和模式封装，ES6新特性等多个角度讲解了Vue入门的一些储备知识，之所以说储备知识，是值，这些内容不会也可以学Vue，但是，如果学的不错，那下一步学习Vue的时候会比较容易，要是能看得懂，写的出来，会修改别人的，嗯！继续大步往前走哈哈，今天呢，终于到了写代码
SAYLINING·2020-02-05 04:55

[前端] VUE基础 (3) (computed计算属性、watch侦听器、v-model双向绑定、v-model修饰符)

一、计算属性当我们使用模板语言的时候，模板语言中可能会使用逻辑语句（函数调用等），如果业务比较复杂，我们的计算语句也会比较复杂，例如：{{message.split('').reverse().join('')}}如上所示，在模板语言中计算message的翻转字符串。我们可以使用计算属性，将计算翻转字符串的逻辑写到计算属性中：varvm=newVue({el:'#example',data:{me
风间悠香·2020-02-04 21:00

[前端] VUE基础 (2) (轮播图、ajax)

一、vue实现简单轮播图1.vue实现点击轮播图片Carousel上一张下一张//使用vuevarapp=newVue({el:'#app',data(){return{//图片数据images:[{id:1,imgSrc:'./images/1.jpg'},{id:2,imgSrc:'./images/2.jpg'},{id:3,imgSrc:'./images/3.jpg'},{id:4,im
风间悠香·2020-02-03 15:00

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十║Vue基础终篇：组件详解+项目说明

缘起新的一天又开始啦，大家也应该看到我的标题了，是滴，Vue基础基本就到这里了，咱们回头看看这一路，如果你都看了，并且都会写了，那么现在你就可以自己写一个Demo了，如果再了解一点路由，ajax请求（这里是
SAYLINING·2020-02-01 16:58

vue基础

目录vue一、简介二、命令-生命周期函数三、v-model修饰符四、组件化五、es6模块化六、webpack七、vuecli八、runtime-only和runtime-compiler九、路由vue-router十、打包js的结构图十一、keep-alive组件十二、自定义tab-bar十三、路径配置别名十四、promise十五、vuex十六、vxios十七、细节vue一、简介是什么是一个专注于
zpyu521·2020-01-27 14:00

vue基础中的注意事项，以及一些学习心得

vue中你不知道的东西、以及注意事项v-html使用v-html的时候该指令中的值会覆盖绑定标签中原有的值，且使用v-html的时候不要将他设置为给用户提供内容的地方，因为v-html很容易被XSS攻击v-bind使用v-bind绑定属性值为布尔值的属性时，如果数据为truthy，则该布尔值属性都不会被渲染出来如果数据值为其他任意存在的值，就意味着值为truev-if使用v-if绑定的标签，当其指
scriptLiu·2020-01-18 20:00

vue基础巩固

1、生命周期image.png一旦你使用了keep-alive，那么你就可以访问另外两个生命周期钩子：activated和deactivated。如果你想要在一个keep-alive组件被移除的时候进行清理或改变数据，可以使用deactivated钩子。2、动态参数image.pngimage.png3、计算属性缓存vs方法image.png4、计算属性vs侦听属性image.png5、计算属性的
搬个菠萝晒太阳·2020-01-17 10:02

一篇带你Vue快速入门

Vue基础1.Vue介绍1.1Vue是什么Vue.JS是优秀的前端JavaScript框架react/angular/vue库和框架的区别:库(如jQuery)库是工具.提供大量API，体现了封装的思想
Li_Pine·2020-01-14 18:39

Vue基础2(持续更新)

###路由-------####路由原理*传统开发方式url改变后立刻发起请求，响应整个页面，渲染整个页面*SPA锚点值改变后不会发起请求，发起ajax请求，局部改变页面数据*页面不跳转用户体验更好####SPA*singlepageapplication(单页应用程序)*前端路由*锚点值监视*ajax获取动态数据*核心点是锚点值*前端框架Vue/angular/react都很适合单页应用####
大脸妹m·2020-01-09 15:04

Vue学习总结(Vue基础,VueCli3,VueRouter,Vuex)

Vue学习总结(Vue基础,VueCli3,VueRouter,Vuex)目录vue基础知识(1-13)vue引入，实例化vue数据&方法vue绑定(:)vue事件(@)vue事件修饰符(.once.prevent.stop
Allenem·2020-01-08 17:17

简谈a标签与添加点击事件

由来：最近在学习vue基础，想给a添加一个点击事件，没有注意到a的href设为了空，导致页面一直在刷新，点击事件根本就没有进去UsernameEmail更换方式varwatchExampleVM=newVue
雪萌萌萌·2020-01-06 07:50

VUE基础：模板语法

插值1.文本：使用双大括号包含一个变量的方式进行文本插值，输出的是文本；v-once指令可以进行一次性插值，当数据改变时，插值处的内容不会更新。{{msg}}varvm=newVue({el:'#app-6',data:{msg:'hivue.'}})vm.msg="vue"/*未改变插值*/2.原始HTML：可以输出真正的HTML{{msg}}Usingmustaches:{{rawHtml}}
铭记喜悦·2020-01-05 19:19

海投汇前端培训系列 -- Vue基础知识概览

海投汇前端培训简单介绍Vue，详细文档请查看Vue官方文档1、vue是什么Vue是一个用于构建用户界面的渐进式JavaScript框架。Vue核心库只关注视图层。2、声明式渲染Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统示例代码//实现一个helloworld//htmlhello{{name}}//jsvarapp=newVue({el:'#app',data
wangxingkang·2020-01-05 05:02

VUE学习目录汇总

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

Vue基础(实例和模板语法)

安装兼容性Vue不支持IE8及以下版本。引入直接下载并用标签引入，Vue会被注册为一个全局变量。开发版本包含完整的警告和调试模式；生产版本删除了警告。命令行工具(CLI)//全局安装vue-clinpminstall--globalvue-cli//创建一个基于webpack模板的新项目vueinitwebpackmy-project//安装依赖cdmy-projectnpminstallnpmr
oWSQo·2020-01-02 04:00

09-Vue基础1

一、Vue官网Vue中文网二、Vue简介Vue是一个前端的双向绑定类的框架，新的Vue版本参考了React的部分设计，当然也有自己独特的地方，比如Vue的单文件组件开发方式都很有创新，另外Vue自身的一些绑定的语法、用法等都非常精炼，很容易上手，而且第三方的插件都非常丰富，社区非常活跃，最新的文档都有中文版本。而且Vue配合官方的和第三方的库可以实现单文件的组件化开发、SPA等现代化前端开发。-是
EndEvent·2020-01-01 08:37

vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础

Vue基础语法：实例对象，生命周期，模板语法，计算属性，methods方法Vue渲染：列表渲染，条件渲染Vue事件与表单：事件处理，事件对象，事件委派，表单处理MVX模式简介：MVX框架模式：MVC+MVP
达达前端小酒馆·2019-12-30 06:26

10-Vue基础2

一、模版指令通过模版指令(写在html中的)，即是html和vue对象的粘合剂。数据渲染v-text、v-html、{{}}{{message}}varapp=newVue({el:'#app',data:{message:'HelloVue!'}})v-text更新元素的textContent，v-html更新元素的innerHTML，内容按普通HTML插入，不会作为Vue模板进行编译。如果想要
EndEvent·2019-12-30 06:23

vue基础用法

vue.js是什么vue.js也称为vue,读音/vju/是一个构建用户界面的框架是一个轻量级MVVM(Model-view-viewModel)框架，和angular，react类似，其实就是所谓的数据双向绑定数据驱动+组件化的前端开发(核心思想)通过简单的API实现响应式的数据绑定和组合的视图组件指令以v-xxx开头vue2.0和1.0相比，最大的变化是引入了VirtualDOM(虚拟DOM)
把番茄沉入海底·2019-12-29 23:00

vue基础用法

vue.js是什么vue.js也称为vue,读音/vju/是一个构建用户界面的框架是一个轻量级MVVM(Model-view-viewModel)框架，和angular，react类似，其实就是所谓的数据双向绑定数据驱动+组件化的前端开发(核心思想)通过简单的API实现响应式的数据绑定和组合的视图组件指令以v-xxx开头vue2.0和1.0相比，最大的变化是引入了VirtualDOM(虚拟DOM)
把番茄沉入海底·2019-12-29 23:00

后盾网Vue视频教程 向军Vue基础教程 共86课

1、向军老师Vue开发宝典-Vue.js介绍.mp42、向军老师Vue开发宝典-创建第一个应用.mp43、向军老师Vue开发宝典-操作元素属性.mp44、向军老师Vue开发宝典-Mustache与v-once使用.mp45、向军老师Vue开发宝典-v-text与v-html的使用.mp46、向军老师Vue开发宝典-内容与属性中使用javascript表达式的方法.mp47、向军老师Vue开发宝典-
凌云社区_前端F·2019-12-29 21:29

vue基础 - 中心方式通讯

场景多个并行组件通讯原理创建一个newvue({})的bus对象，然后并行组件都动态注册在这个对象上代码{{message}}varBus=newVue({})varfirst={template:`firstInner组件`,name:'first',methods:{handleClick(){Bus.$emit('fromFirstInner','来自firstInner组件')}}}var
会煮咖啡的猫咪·2019-12-29 19:12
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他