Vue基础

Vue - 基础知识介绍

学习要点：1.Vue基础知识介绍（Vue是什么，能做什么）2.案例3.地址列表案例选择一个好的前端框架很好。预备知识：基于js的MVVM框架。
廖马儿·2020-07-08 11:20

vue基础汇总-插件

vue插件汇总文章目录vue插件汇总日期插件pikaday动画:vue-transition.css(类似于animate.css)vue-transition.css-列表过渡动画-animate.csselement-ui日期插件pikadaygithub地址安装:npminstall--savepikadaycnpminstall--savepikaday#安装moment.js时间格式化如
sbonesjzrw·2020-07-08 04:31

VUE基础（一）父子组件通讯

父子组件通讯一、新建文件二、代码如下：三、代码运行网页示例如下：四、解析：五、有什么问题可以在下面讨论，我会为大家解答。一、新建文件1.新建文件father.vue和children.vue放在同意目录下；二、代码如下：1.father.vue的代码：我是父组件我是childern传过来的数据：{{ctofValue}}importchildrenfrom"./children";exportde
samxiaoguai·2020-07-08 04:15

vue基础知识点总结

vue基础知识点总结实例化vuevarvue=newvue({el:"#app",data:{message:"你好啊"}})创建Vue对象的时候，传入了一些options：{}{}中包含了el属性：该属性决定了这个
qq_45473439·2020-07-08 03:38

vue+webpack+vue-router+vuex+ssr全解析笔记

1、vue基础知识：1.1实例化vue：方法1：newVue({el:'#app',//html中被替换的的标签，即挂载到html中#app标签里面components:{App},template:'
Ace.斗皇·2020-07-08 02:58

Vue基础笔记（2）

第45-72课（2020-4-20至4-23）v-model的使用v-model可以实现双向绑定：原理//input的value值为message，同时修改input的值时，message也会跟着改变，通过h2中显示message的内容可以看出来{{message}}//如果不用v-model{{message}}//也可以不用函数，直接监听输入事件data:{message:"你好啊",},me
Magic0901·2020-07-08 00:09

vue基础之v-model与选择列表

vue基础之v-model与选择列表选择列表就是下拉选择器，也是常见的表单控件，同样也分为单选和多选两种方式。
qq_39913441·2020-07-08 00:06

Aliplayer 播放器的使用（支持直播，点播、录播，视频播放等功能）

（所有环境都在vue基础上搭建的）一、引入对应的文件，在index.html中引入如下：二、在组建中使用exportdefault{data(){return{player
Larru-Sun·2020-07-07 21:41

Laravel5.5 + Vue 项目的基本使用：搭建环境以及用vue组件编写页面

v=DJ6PD_jBtU0&t=1188sps：如果想学习vue基础，建议在b站搜”表严肃”的课程。本文中，我们以用laravel+vue做一个导航栏为案例。
Hillbox·2020-07-07 21:49

Vue——图片轮播组件

（如需将这个SlideShow写成一个单独的主组件，将本文使用的data写在这个组件的data中）必备知识：写轮播页面：HTML+CSSvue-cli：创建项目Vue基础：模板语法、计算属性、侦听器、渲染方式
Rui012345·2020-07-07 20:49

从0开始，手把手教你用Vue开发一个答题App01之项目创建及答题设置页面开发

项目演示项目演示项目源码项目源码配套讲解视频配套讲解视频教程说明本教程适合对Vue基础知识有一点了解，但不懂得综合运用，还未曾使用Vue从头开发过一个小型App的读者。
[豆约翰]·2020-07-07 20:00

Vue基础

1.VUE.JS是什么?1).一位华裔前GOOGLE工程师(尤雨溪)开发的前端JS库2).作用:动态构建用户界面3).特点:*遵循MVVM模式*编码简洁,体积小,运行效率高,移动/PC端开发*它本身只关注UI,可以轻松引入VUE插件和其它第三库开发项目4).与其它框架的关联:*借鉴angular的模板和数据绑定技术*借鉴react的组件化和虚拟DOM技术5).vue包含一系列的扩展插件(库):*v
我爱敲代码_·2020-07-07 18:37

vue 前端项目技术选型、开发工具、周边生态

声明：这不是一篇介绍Vue基础知识的文章，需要熟悉Vue相关知识主架构：vue,vue-router,vuexUI框架：elementui,iview,vuetify,vux,mint-ui,vue-material
巴啦啦小能量·2020-07-07 17:16

仿今日头条后台管理系统（一）

登录欢迎页面发布文章素材管理内容管理粉丝管理评论管理个人设置02-项目-准备工作vue基础vue的插件vue-router需要数据axios需要后台接口使用UI框架element-ui饿了么前端团队UI
keep96·2020-07-07 12:37

Vue基础之内部指令（上）

v-if、v-else-if、v-else以及v-show条件指令v-if、v-else-if、v-else类似于JavaScript里的if、else-if、else，这三个指令根据表达式的值对DOM/组件进行渲染/销毁。值得注意的是，v-else-if必须跟在v-if之后，v-else必须跟在v-else-if或者v-if之后。如果想一次性判断多个元素，可以将他们包裹在template之内，使
一枚蛋·2020-07-07 06:53

Vue基础学习（纯属个人学习的笔记，慢慢新增）

1、在html文件中，声明了template对象，那么在data对象中的v-html和v-text的绑定数据是不起作用的2、v-的几个常用绑定v-html和v-text：引用的content没有{{}}，v-html能解析标签，v-text不能，这是他们之间的区别，其中v-text的作用和{{}}的作用是一样的，只是写法不一样，v-html能解析html标签，而v-text和{{}}则都不能。//
diaofu6658·2020-07-07 06:55

五：Vue之ElementUI 表格Table与分页Pagination组件化

（注：本文适用于有一定Vue基础或开发经验的读者，文章就知识点的讲解不一定全面，但却是开发过程中很实用的）在平时的web项目开发过程中，列表分页查询展示应用的很频繁，为了便于阅读并减少代码的冗余，所以对
baodao4111·2020-07-07 03:27

Vue基础知识点-路由

原文地址：https://banggan.github.io/2019/01/03/Vue路由/VueRouter是Vue.js的官方路由器。它与Vue.js核心深度集成，使用Vue.js构建单页应用程序变得轻而易举。使用步骤引入vue-router对象安装插件：Vue.use(VueRouter)创建一个路由对象varrouter=newVueRouter（{routes：[]}）配置路由对象:
banggan·2020-07-07 03:41

【学习笔记】5个小案例快速入门VUE（含axios）

文章目录VUE基础VUE简介第一个VUE程序el:挂载点data:数据对象本地应用v-textv-htmlv-onv-on补充v-showv-ifv-bindv-for简单数组类型复杂数组类型v-model
心兰湘随·2020-07-06 22:33

vue基础 - 事件回传之 $listeners

解决的问题简单的元素层次嵌套事件回传对象$listeners组件由下向上回传事件代码vardemo11={template:`传递二层：子组件`}vardemo1={template:`传递一层：子组件子组件`,components:{demo11},created(){console.log(this.$listeners)}}varapp=newVue({el:'#app',component
会煮咖啡的猫咪·2020-07-06 22:34

Vue基础笔记（1）

第1-3课（2020-4-15）第4-9课（2020-4-16）ES6中let定义变量，const定义常量var没有作用域的概念，所以慢慢不用它了创建了一个Vue的实例，传入了一个对象，这个对象有一个参数，用于挂载元素将div交给newVue管理，解析div中的语法，发现有一个变量message，在data里查找有没有定义，如果有定义，会将内容进行显示{{message}}constapp=new
Magic0901·2020-07-06 17:29

打通前后端全栈开发node+vue+mongodb进阶

学习方式：详细阅读，并手动实现相关代码（如果没有node和vue基础，请学习vue和node基础下载地址：https://download.csdn.net/download/qq_34223273/11153826
传说翔哥·2020-07-06 17:57

前端小白vue基础篇

前端小白vue基础篇鄙人一个跨专业入行的前端小白，虽然自学了html，css，简单js、jq。
bingot·2020-07-06 16:48

vue基础

基础指令v-textv-htmlv-forv-ifv-elsev-showv-cloakv-onv-bind这里就不多赘述了，可以上官网查看，下面有些例子会用到，有些不会用到。计算属性（computed）：会有缓存，不修改依赖的变量时不会进行重新计算，只有修改了依赖的变量才会重新计算，效率更高每一个计算属性有get和set两个方法监听器（watch）:类似计算属性，也会有缓存，但是语法和compu
石燕平_Leo·2020-07-06 08:32

2020 零基础 Vue快速入门 Vue基础篇 【详细】

文章目录1、引言2、Vue简介3、什么是Dom?4、第一个Vue程序（HelloVue）5、el挂载点相关问题6、data:数据对象点击进入Vue❤学习专栏~1、引言2、Vue简介①JavaScript框架②简化Dom操作③响应式数据驱动3、什么是Dom?document文档object对象model模型，Dom翻译中文：文档对象模型DOM是一种用于HTML和XML文档的编程接口。很多时候我们会用
一百个Chocolate·2020-07-06 04:01

vue基础一

vue简介是一种构建用户界面的渐进式框架。与其他重量级框架不同的是，vue采用自底向上增量开发的设计。vue的核心库只关注试图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当于单文件组件和vue生态系统支持的库结合使用时，vue也完全能够为复杂的单页应用程序提供驱动使用方式(主讲安装方式一)安装方式先讲第一种方式引入vue.js文件。声明数据必不可少的varapp=newVue({
likeli·2020-07-06 03:09

Vue基础知识之vue-resource和axios（三）

vue-resourceVue.js是数据驱动的，这使得我们并不需要直接操作DOM，如果我们不需要使用jQuery的DOM选择器，就没有必要引入jQuery。vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的API更为简洁。
weixin_30258901·2020-07-05 20:30

vue+mui 项目开发（开始）

参考资料：1.vue基础：https://cn.vuejs.org/v2/guide/；2.vueAPI：https://cn.vuejs.org/v2/api/；3.MUIAPI：http://dev.dcloud.net.cn
丿羽丶化·2020-07-05 17:47

vue基础学习

Vue.js-day01插件安装推荐vscode有二个常用插件：vetur，Vue2Snippetsvetur:让一些vue的关键字能高亮显示，还能进行一些语法的检测。语法错误检查，包括CSS/SCSS/LESS/Javascript/TypeScript等语法高亮，包括html/css/sass/scss/less/js/ts等Vue2Snippets：能在平时写代码过程中提示功能更强大,对vu
醉小义·2020-07-05 04:20

Vue入门（二）Vue基础

前言本章根据前面的讲解对有关的语法做进一步的讲解和扩充，夯实基础方法1.el挂载点所谓挂载点，就是前面例子中vue实例所管理的元素，这类似于css和jq的选择器。varapp=newVue({el:'#app',data:{message:'HelloVue!'}})上面的示例中，vue管理id为app的标签元素（el:'#app'）。那么我们能不能像jq一样设置其他的挂载点呢？答案是可以的。1）
程序猴jwang·2020-07-05 03:19

【猿说VUE】初识VUE，带你打开VUE之门

2VUE基础：基本认知自从近几年前后端分离模式开始后，作为从事后端开发的我，为了跟上时代的步伐，或者能够跟现在的年轻人交流，开始了自学VUE的学习之旅。
黑白猿·2020-07-04 16:32

回顾VUE基础

1.对于任何复杂逻辑，你都应当使用计算属性。2.计算属性是基于它们的依赖进行缓存的。相比之下，每当触发重新渲染时，调用方法将总会再次执行函数。3.Vue通过watch选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。4.使用watch选项允许我们执行异步操作(访问一个API)，限制我们执行该操作的频率，并在我们得到最终结果前，设置中间状
lxhguard·2020-07-04 15:04

项目初始化及文件配置-黑马头条PC

登录欢迎页面内容管理素材管理发布文章评论管理粉丝管理个人设置02-项目-准备工作vue基础vue-router路由vue-cli脚手架axios请求后台服务在外网api文档element-ui用户界面组件库但是有自己样式风格
viceen·2020-07-04 03:24

Vue基础学习之---通过 Prop 向子组件传递数据

一、Prop的大小写(camelCasevskebab-case)HTML中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用DOM中的模板时，camelCase(驼峰命名法)的prop名需要使用其等价的kebab-case(短横线分隔命名)命名：Vue.component('blog-post',{//在JavaScript中是camelCase的props:[
feifuzeng·2020-07-04 00:22

基于vue-cli3 + axios 构建多页面应用H5移动端电商网站（下）

如果有web前端html+css+js+vue基础的小伙伴，可以直接跳过上一篇，直接阅读此文。接下来要讲的，也是最主要的页面功能开发阶段。整个项目完成阶段分为：需求分析、
懒人码农·2020-07-02 16:12

VUE基础

VUE基础Vue基础数据绑定过滤器指令计算属性计算属性的getter、setter方法计算属性扩展计算属性缓存v-bind绑定class使用对象语法绑定class:使用数组语法绑定class绑定内联样式使用数组语法绑定多个样式内置指令
飞飞不 会飞·2020-07-02 15:55

Vue基础（一）---- 模板语法

⚫1、基本理解Vue其实是一个渐进式JavaScript框架，封装好了一些方法，不再需要操作通过操作DOM，在相同的目标下能够更快的编写代码。声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建易用：熟悉HTML、CSS、JavaScript知识后，可快速上手Vue灵活：在一个库和一套完整框架之间自如伸缩高效：20kB运行大小，超快虚拟DOM⚫2、Vue基本使用el：元素的挂载位置（值可以是
一如既往。·2020-07-02 11:00

Java程序员入门Vue基础之Class 与 Style绑定（四）

1.前言在日常开发中经常有对Dom元素动态绑定一些class属性或者style样式，我们可以使用v-bind指令来实现效果，对于Vue指令感兴趣的同学不妨可以看一看我之前写的文章Java程序员入门Vue
codegeekgao·2020-07-02 05:20

Vue基础知识总结（绝对经典）

昨天晚上23:00，Vue，正式打响第一枪！转行三年半，向全栈迈进，争取三年内可以成为架构师，成为世界500强公司的中流砥柱，fighting从未停止，加油！一、简介Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式JavaScript框架。与其它框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三方库或既有项目整合。另一方面，Vue完全有
素小暖·2020-07-02 01:08

vue入门视频教程 vue基础到项目实战

本课程从理论到项目,涵盖Vue各个层面的基础知识和Vue开发项目实战。对于很多刚接触Vue的同学,最难做到的就是编程思路的切换,这门课程,我们将通过形象的例子给大家讲解Vue的基础语法及编程思路！自学前端软件工程师要多久?零基础自学前端到精通成为前端工程师起码需要6个月！Vue框架算是比较高级的框架，所以在使用过程中还需要JavaScript、JavaScript2015、WebPack、Node
fengliaoai·2020-07-01 23:48

vue学习笔记：一、vue基础语法

1、模板语法Mustache语法：{{msg}}Html赋值：v-html=“”绑定属性：v-bind:id=“”使用表达式：{{ok?'YES':'NO'}}文本赋值：v-text=“”指令：v-if=“”过滤器：{{message|capitalize}}和v-bind:id="rawId|formatId"2、Class和Style绑定对象语法：v-bind:class="{active:i
_夏兮·2020-07-01 23:50

Vue基础---vue-cli的使用

一、Vue-cli的简介与使用a.安装(前提是先安装好了node)a)node-v|npm-v否则先去官网下载nodeb)官网https://cn.vuejs.org/->学习->教程->安装c)全局安装(命令行npminstall--globalvue-cli)d)创建项目Vueinitwebpack项目名称//使用webpack模板创建标准的vue项目e)进入到todolist(刚才创建的项目
东陵十三·2020-07-01 22:38

快速入门Vue第一天：Vue基础 挂载点,数据对象...

文章目录一、写在最前二、Vue基础1、el挂载点2、data:数据对象一、写在最前目的：快速入门Vue，学习分为四个部分：Vue基础本地应用网络应用综合应用二、Vue基础我们查看官方文档：https:/
这里是青·2020-07-01 21:51

vue基础：事件绑定,通过事件获取数据

1.vue中对方法（事件）的绑定的两种方法：v-onclick:="()“和@click=”*()"需要注意的事在中调用的方法时，该方法需要在执行方法的第一种写法data(){return{msg:'你好vue',list:[]}},methods:{run1:function(){alert('这是一个方法');//alert(this.msg);//this.msg="change";},}同
谷咕咕·2020-07-01 15:58

SWAPI复制——菜鸟vue学习体会

swapi.co/网站你需要想办法获取该网站所有资源与数据你需要考虑部分资源的授权访问，以满足本作业的要求前端需求模仿swapi实现主页面、about页面、document页面布局调用后端API实现搜索等功能逻辑VUE
Yezo13·2020-07-01 15:39

vue基础复习-课时06

目录条件渲染模板语法条件渲染v-ifYesv-elseYesNov-else-ifABCNotA/B/C在元素上使用v-if条件渲染分组因为v-if是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个元素当做不可见的包裹元素，并在上面使用v-if。最终的渲染结果将不包含元素。TitleParagraph1Paragraph2用key管理可复用的元素--每次切换时，输入
一点金光·2020-07-01 13:42

Vue基础教程（白痴教程）

MVVM模式下图不仅概括了MVVM模式（Model-View-ViewModel），还描述了在Vue.js中ViewModel是如何和View以及Model进行交互的。ViewModel是Vue.js的核心，它是一个Vue实例。Vue实例是作用于某一个HTML元素上的，这个元素可以是HTML的body元素，也可以是指定了id的某个元素。当创建了ViewModel后，双向绑定是如何达成的呢？首先，我
Nym_车厘子·2020-07-01 06:40

Vue基础-框架介绍

在学VUe前先了解类库和框架区分框架和类库等1.类库类库提供的是真实项目中常用到的方法，它是一个工具包，基于这个工具包可以快速开发项目，列如：jQuery、Zepto、underscore...2.插件插件是把项目中某一个具体的功能进行封装，列如：TAB选项卡插件、BANNER轮播图插件、DIALOG模态框插件、DRAG拖拽插件3.UI组件UI组件库一般是多个插件的集合体，不仅提供了JS对应的功能
郑yi·2020-07-01 06:30

Vue实现商城购物清单（更新~）

☞旨在加强vue基础的巩固练习html我的购物清单列表清单总数{{lists.length}}已采购数{{buyNum}}添加清单名称数量价格状态采购操作{{v.name}}-+￥{{v.sum}}{{
Jake Zhang·2020-07-01 04:50

Vue基础

一、渐进式框架二、两个核心点响应的数据绑定当数据发生改变时，自动更新视图。是利用Object.defineProperty中的getter和setter代理数据。varobj={};Object.defineProperty(obj,"a",{value:10,//obj.a值为10writable:false,//表示不可写enumerable:false,//表示不可遍历configurabl
菜鸡的全栈路·2020-07-01 04:43
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他