Vue基础

VUE基础学习笔记——01模板语法

VUE基本使用1.传统开发模式对比原生JSvarmsg='helloworld';vardiv=document.getElementById('msg');div.innerHTML=msg;jQueryvarmsg='helloworld';$('#msg').html(msg);2.vue的基本使用步骤1、需要提供标签用于填充数据2、引入vue.js库文件3、使用vue的语法做功能4、把vu
ZJia_X·2020-09-12 16:50

Vue

Vue一、Vue.js安装1.1、下载引入1.2、实际操作1.3、案例1.3.1、HelloWorld1.3.2、列表的展示1.3.3、列表的计数器二、Vue基础知识2.1、插值操作2.1.1、v-once2.1.2
★Dragon☆$·2020-09-12 14:50

vue基础练习

效果图如下：学习目前用到了v-bind，v-if，v-else，v-html插入子节点，v-for循环，v-model，v-on，filter过滤器，watch属性监测等知识#app.change{background:black;color:white;}#app.rec{width:100px;height:100px;}test4399小游戏样式改变:同步输入:将输入的数乘以5:{{text
wz前端初学者·2020-09-12 11:51

vue基础练习-自定义事件

效果图如下:这里左右两个按钮都是组件，每次点击时组件内部触发click事件，使count值加1，同时触发外部事件，使sum值加1{{sum}}Vue.component("wang",{template:"{{count}}",//这里data需要定义成函数后返回，如果采用字面量写法可能会造成变量污染data(){return{count:0}},methods:{add(){this.count
wz前端初学者·2020-09-12 11:51

vue基础练习-组件，表单

主要用到了vue表单和组件的知识，使用prop自定义属性将外部数据传到子组件内部中。练习截图:onetwothree您选择的值为:{{select}}4399baiduwangwww.{{select1}}.com组件//这里定义了一个组件，将外部输入的内容通过message传到子组件内部Vue.component("wang0",{props:["message"],template:'{{me
wz前端初学者·2020-09-12 11:51

vue基础使用，关联查询后显示不同的字段（一张表关联另一张表，id为外键但是显示时需要显示name）

一直有个疑问待解决，这种方式，如果展示的数据太多那每次请求的接口次数就会很多/***供应商名称*页面下拉框展示数据*@return*/@GetMapping("/getPropertySupplierList")publicMapgetPropertySupplierList(){MapresultMap=newHashMapwrapper=newEntityWrapper();Listdata=
tyc_captain·2020-09-12 10:14

vue安装，webstorm工程搭建

一、Vue基础介绍：1)是一套构建用户界面的渐进式框架。2)只关注视图层，采用自底向上增量开发的设计。3)的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
science_zhao·2020-09-12 09:36

vue基础复习：模板语法，计算属性，条件渲染，动态绑定class&style，列表渲染，事件处理，表单输入绑定

本文参考自官方文档，并加入一些自己的说明例子模板语法两种：插值语法{{}}和指令v-html写法插值语法{{}}“Mustache”语法(双大括号)的文本插值{{msg}}Mustache标签将会被替代为对应数据对象上msgproperty的值。无论何时，绑定的数据对象上msgproperty发生了改变，插值处的内容都会更新。通过使用v-once指令，你也能执行一次性地插值，当数据改变时，插值处的
furfur-jiang·2020-09-12 01:34

手摸手，带你用 vue 动画实现原生 app 切换效果，丝滑般的体验

github：https://github.com/imfing/vuexlearn码云gitee:https://gitee.com/stackfing/vuexlearn欢迎star准备开始之前您需要有vue
chengli771711·2020-09-12 00:41

java 知识点 19（Vue、 element UI、axios、npm）

文章目录1、Vue基础语法1.1、学习Vue之前1.2、第一个vue项目1.3、模板语法1.4、v-指令1.4.1、v-html1.4.2、v-show1.4.3、v-里的if、else、for1.4.4
寒蚕·2020-09-12 00:19

Vue.js学习记录-4-Vue基础：条件渲染 +列表渲染

4.条件渲染：根据条件进行元素展示v-if：v-if、v-else-if(2.1.0新增)、v-else三大指令必须紧贴使用，否则指令将不被识别。指令举例ThisisAThisisBThisisothers在****元素上使用v-if渲染分组元素可以当做不可见的包裹元素，可以从该元素上使用v-if。最终的渲染结果将不包含****元素。TitleParagraph1Paragraph2使用key属性
编程小透明·2020-09-12 00:54

vue基础（vue实例、渲染、样式绑定、模板语法）

一、vue是什么vue.js官网上其实介绍的很详细Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。二、vue实例看一个vue实例完整语法v
大橙子额·2020-09-11 23:35

vue基础学习笔记（一）

0.vue入门学习及常用指令1.基本目录介绍2.准备开始2.1学员反馈2.2复习2.3今日重点3.vue介绍4.es64.1webpack-ES6的处理4.2ES6中的模块4.3ES6中的代码变化5.vue
winter wang·2020-09-11 11:40

Vue基础架构

基础回顾假设作为一个机智后端开发的你已经了解了如何使用Maven去创建一个项目，并且用JSP写过前后端不分离的业务系统。在讲解枯燥的技术细节之前，我们不妨先回顾一下基础知识放松一下首先了解一下Web网页的加载原理。我们都知道Web网站最初是只有HTML和CSS的，HTML是一个Document，由Body和Header组成。Document的层次结构又称为DOM树。像下面这样：aaaabbbHTM
张兵游勇·2020-09-11 10:07

vue基础

1.引入vue.js下载vue.js文件远程使用2.创建Vue对象el:指定根element(选择器)data:初始化数据(页面可以访问)methods:方法computed：计算在属性对象中定义计算属性的方法在页面中使用{{方法名}}来显示计算的结果$watch():监视属性,通过通过vm对象的或watch配置来监视指定的属性当属性变化时,回调函数自动调用,在函数内部进行计算计算属性高级:通过g
qq_39218277·2020-09-11 09:35

Vue基础4： ref 和 $refs

1.vm.$refs和ref【代码分析】如图上图，ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，引用指向的就是DOM元素；如果用在子组件上，引用就指向组件实例。2.ref在子组件引用ref和v-for在一起的情况li里的ref的无法读取item里面的值，即item.name或被直接读取为字符串“item.name”。【注意事项】$
mykefei·2020-09-11 04:22

Vue 史上最全学习笔记（2020年1月9日）

目录✎VUE学习◆VUE学习心路历程◆VUE学习视频来源➀VUE学习视频百度网盘资源➁VUE本笔记学习视频资源◆VUE语法❶Vue基础语法——模板语法（Threeruleoftemplate）❷Vue基础语法
winner_corl·2020-09-11 00:23

Vue基础使用

VueVue与JQuery比较VUE与Jquery比较jquery在操作数据的时候一般要操作dom,进行标签的crudVue主要是面向数据操作，主要功能是处理数据，对于标签的操作由Vue自动完成Vue面向数据编程思想的一种体现，对数据完成操作即对标签完成操作Vue简介Vue是一套构建用户界面的渐进式前端框架自是关注视图层，方便与其他已有库配合或与已有项目整合通过尽可能简单的API来实现响应数据的绑
weixin_46668225·2020-09-10 23:48

打通前后端全栈开发node+vue进阶【课程学习系统项目实战详细讲解】(3)：用户添加/修改/删除 vue表格组件 vue分页组件...

第三章建议学习时间8小时总项目预计10章学习方式：详细阅读，并手动实现相关代码（如果没有node和vue基础，请学习前面的vue和node基础博客【共10章】演示地址：后台：demoback.lalalaweb.com
weixin_30721899·2020-09-10 19:19

Vue.js中变量的使用

Vue基础学习推荐Vue.js可以实现双向数据绑定和组件的渐进式框架。
MasonYyp·2020-09-10 15:14

填坑之路：vue-cli构建vue项目

我就默认都装了node，并有一定的node（移驾node）与vue基础（移驾vue）（1）安装vue-clinpminstall-gvue-cli（2）创建webpack项目并进入到项目文件中vueinitwebpackvuecliTestcdvuecliTest
哦啦吧啦丶·2020-08-26 23:07

Vue从零开始之Vue基础

文章目录什么是Vue?Vue使用下载node.js兼容性导入文件第一个项目Vue实例的生命周期钩子函数的触发时机Vue常见问题input复用问题Vue语法vue对象绑定数据Vue.set修改数组的值条件判断语句v-if连续的条件判断语句是否展示元素v-show循环遍历语句v-for只渲染一次v-once解析标签进行显示v-html不解析直接显示v-text不进行转义v-prevue解析元素后会自动
课本里的小亮·2020-08-25 16:25

Vue基础篇学习——WebPack配置Vue

使用的IDE是VsCode1.创建一个空的文件夹“npm配置Vue”用于创建Vue项目，并且用VsCode打开这个文件夹是空的什么东西都没有，从零开始建立。2.在项目文件夹中创建两个文件夹“dist”、“src”dist:用于保存WebPack打包的文件src:用于保存项目编写的文件src编写完成后通过WebPack打包到dist，最终发布到服务器端。3.安装npm包管理WebPack是基于Nod
wengpiwang·2020-08-25 09:35

vue基础入门的那些事

vue.js轻量级的MVVM框架数据驱动+组件化的开发一、基本指令1、v-if是条件渲染指令，它根据表达式的真假来删除和插入元素，它的基本语法如下：v-if="expression"2、v-show根据表达式的真假来删除和插入元素v-if="expression"3、可以用v-else指令为v-if或v-show添加一个“else块”。v-else元素必须立即跟在v-if或v-show元素的后面—
时间追随者·2020-08-25 00:10

vue基础篇- 组件详解（第七章）（二）

四、使用slot分发内容1、什么是sloat当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到slot，这个过程叫做内容分发。组件不知道它的挂载点会有什么内容。挂载点的内容是由的父组件决定的。组件很可能有它自己的模板。props传递数据、events触发事件和slot内容分发就构成了Vue组件的3个API来源，再复杂的组件也是由这3部分构成。2、作用域{{message}}这里的me
菩提树_·2020-08-24 20:28

详解vue组件三大核心概念

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。
浪里行舟·2020-08-24 18:10

Vue基础入门语法学习（Demo详解)

你好我是辰兮，很高兴我们又见面了，快断更一个月了，找了个周末整理相关前端Vue基础，自己学习也分享给初学者，分享获取新知，大家一起进步。
辰兮要努力·2020-08-24 17:18

Vue基础

Vue基础构造函数Vue的根实例newVue({})，并启动Vue应用。varapp=Vue({el:"#app",data:{},methods:{}});变量app代表这个Vue实例。
whjin·2020-08-24 14:35

vue基础动态路由，嵌套路由router-link切换

index.jsimportVuefrom'vue'importRouterfrom'vue-router'//importHelloWorldfrom'@/components/HelloWorld'importGoodsListfrom'../views/GoodsList'importTitlefrom'@/views/Title'importImagefrom'@/views/Image'
今天一点也不冷·2020-08-23 18:04

Vue部分基础知识点总结

Vue基础知识点:1.Vue：过滤html标签----{{{数据名}}}.2.Vue：单次插值语法：{{*数据的名称}}(三个括号，支持单词插值表达式+*)；插值表达式：可以应用js表达式，加减乘除，字符串拼接方法调用等等
却忘不掉你心言·2020-08-23 17:13

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

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

vue基础

1.vue基本使用vm:el/datav:v-model/{{}}1.引入Vue.js2.创建Vue对象el:指定根element(选择器)data:初始化数据(页面可以访问)3.双向数据绑定:v-model4.显示数据:{{xxx}}5.理解vue的mvvm实现>view：模板页面>自定义标签属性：指令>大括号表达式：获取模型数据>viewModel：vue实体>model：模型（data）>e
smile radiantly·2020-08-23 04:38

Vue（day4）父子及子父组件通信、slot插槽使用、过渡效果、过滤器、自定义指令

Vue基础44.0组件的通信【王者】为什么要进行组件通信？组件是一个聚合体，将来项目要合并，那么必然各个组件之间需要建立联系，这个联系就是数据通信分类父子组件通信理解：data选项为什么是一个函数？
xy1677707153·2020-08-23 04:25

Vue（day3）axios、fetch语法、computed与watched、组件（重要）

Vue基础（Day3）3.1axios&&fetch目的：是在框架中使用数据请求回顾：1.封装ajax2.jquery【$$.get$$.post$$.ajax$$.load】框架：数据请求使用原生js
xy1677707153·2020-08-23 04:25

2vue基础学习

1案例：01_HelloWorldhello{{msg}}constvm=newVue({//配置对象options//配置选项(option)el:'#test',//element:指定用vue来管理页面中的哪个标签区域data:{msg:'atguigu'}})2mvmMVM:model:模型，数据对象（data）view：视图，模板页面viewModel：视图模型（vue的实例）3声明式开
xiaoxiaoniaoQ·2020-08-23 04:12

Vue基础

Vue扩展插件vue-cli:vue脚手架vue-resource(目前使用axios):ajax请求vue-router:路由vuex:状态管理vue-lazyload:图片懒加载vue-scroller:页面滑动开关mint-ui:基于vue的UI组件库(移动端)element-ui:基于vue的UI组件库(PC端)Vue基本使用Hello,{{username}}newVue({el:'#a
左边有只汪·2020-08-23 03:30

Vue基础第一章

Vue的简单示例Vue示例{{book.name}}varapp=newVue({el:"#app",data:{books:[{name:'《Vue.js实战》'},{name:'《JavaScript语言精粹》'},{name:'《JavaScript高级程序设计》'}]}})转载于:https://www.cnblogs.com/lfpython/p/11100979.html
weixin_30906701·2020-08-23 03:48

Vue基础语法之@click、时间修饰符@click.stop与@click.prevent、按键修饰符（如@keyup.enter）

1、绑定监听@click:（以监听click为例，其他如keyup，用法类似）v-on:click="fun"@click="fun"@click="fun(参数)"test1 test2 test3methods:{   test1(eve){//test1函数没有参数，默认传递$event    alert(eve.target.innerHTML) //test1   },   test2(
IT小白3·2020-08-23 03:00

vue基础知识-指令（v-show v-if v-bind）

v-show根据表达值的真假，切换元素的显示和隐藏（操纵的是display样式）v-if根据表达值的真假，切换元素的显示和隐藏（操纵的是dom元素）v-bind设置元素的属性.active{border:2pxsolidred;}varapp=newVue({el:"#app",data:{imgTitle:"悬停",isActive:false},methods:{changeIsActive:
脆的娃娃菜好吃·2020-08-23 02:17

vue基础之v-if条件渲染

v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回truthy值的时候被渲染。1.v-if=“布尔”，如果为true，就显示当前内容，v-else否则就隐藏。同学们好啊老师好constapp=newVue({el:'#app',data:{msg:'欢迎使用Vue.js'}})2.v-else-if="布尔，和v-if用法一样，必须跟写在v-if后面同学们好啊老师好同学们坐下co
学海无涯cpl·2020-08-23 02:46

Vue基础精讲 —— Vue的组件之组件的定义、继承、自定义双向绑定、高级属性

Vue组件基础定义importVuefrom'vue'constcompoent={props:{active:{//type:Boolean,//required:true,validator(value){returntypeofvalue==='boolean'}},propOne:String},template:`{{propOne}}seemeifactive`,data(){retu
Hayley2016·2020-08-23 02:08

vue基础（3）—— v-bind及class与style绑定

绑定class的几种方式对象语法v-bind:class设置一个对象，动态切换class。当isActive为true时，div会拥有类名active，为false时没有class名渲染。:class也可以与普通的class共存，也可传入多个属性。//class="active"//class="staticactive"varapp=newVue({el:'#app',data:{isActiv
Cher洛洛·2020-08-23 02:48

前端Vue基础学习

Vue基础对与vue的简洁明了的干货分享，适合小白学习观看，如果有笔误或者想了解更多的，请给笔者留言，后续会继续分享，从零开始的vue相关经验当然你如果没有搭建过vue项目请查看笔者另一篇博文vue入门级教程从零搭建一个
MmM豆·2020-08-23 01:42

vue基础：绑定属性class，绑定style

vue基础：绑定属性class，绑定styleclass与style是HTML元素的属性，用于设置元素的样式，我们可以用v-bind来设置样式属性。
谷咕咕·2020-08-23 01:36

Vue基础（Class 与 Style 绑定）

操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将v-bind用于class和style时，Vue.js做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。绑定HTMLClass（1）对象语法1、我们可以传给v-bind:class一个对象，以
Vivianluolita·2020-08-23 01:14

十一、VUE基础学习篇（组件化component、components）-全局/局部组件、父组件/子组件、动态数据绑定/数据存放问题

码云实时更新学习demo地址：https://gitee.com/dxl96/vuexuexiVUE基础篇（组件化component、components）1、组件化的概念■人面对复杂问题的处理方式  
IT_CREATE·2020-08-23 00:47

浅谈Vue基础使用

开始之前，我们先看一下图片示例。我们今天要谈的重点是模板引擎这一块注意点指令不隶属于某个东西，只是我们今天重点说的是模板引擎，所以放在这里vue最最最最最最基础的第一步引入！！！两种方式：引入网络路径进入链接地址另存为本地后引入本地路径**引入之后我们会得到一个类，我们每次使用都需要去实例化一下它，并给它传一些配置信息我们先说他最重要的三个核心点**newVue({el:'#app',templa
CS_DGD·2020-08-23 00:20

Vue指令、v-bind、条件列表渲染、事件修饰、表单绑定（day2）

Vue.js一、Vue基础Vue基础11.0前端开发流程规范前端开发流程规范1.1前端框架发展历史htmlhtml[1990]---->html5[2008.1.12]csscss1.01996css2.01998css3.02001EcmaScript1997
xy1677707153·2020-08-23 00:26

Vue基础（五）：数据绑定，动态属性绑定 v-bind，事件绑定 v-on

这就是我们在写Vue基础的数据绑定时，我们可以在里面写一些简单的表达式。但是我们的绑
Mr_大木·2020-08-23 00:47

Vue基础语法之class、style绑定

04_class与style绑定.classA{color:red;}.classB{background:blue;}.classC{font-size:20px;}1.class绑定::class='xxx'xxx是字符串xxx是对象xxx是数组2.style绑定:style="{color:activeColor,fontSize:fontSize+'px'}"更新newVue({el:'#
IT小白3·2020-08-23 00:59
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他