Vue基础

Vue基础-2(v-text、v-html)

Vue基础-2(v-text、v-html)v-text：设置标签的文本值设置标签的文本值(textContent)v-text指令的作用是：设置标签的内容(textContent)默认写法会替换全部内容
旗袍不开、怎么得胜？·2020-09-16 16:10

Vue基础-4(v-show、v-if控制元素显示/隐藏)

Vue基础-4v-show指令：根据真假切换元素的显示状态原理：修改元素的display，实现显示隐藏指令后面的内容最终会解析为布尔值，true显示，false隐藏数据改变之后，对应的显示状态会同步更新例
旗袍不开、怎么得胜？·2020-09-16 14:41

vue基础知识大全

知识清单初识vuevue基本模版数据单向传递chrome调试工具数据双向绑定vue数据绑定的过程常用指令v-once让界面不要跟着数据变化,只渲染一次v-cloak数据渲染之后自动显示元素v-text和v-html对比v-ifv-show以及与v-if的区别v-forv-for-keyv-bind给元素的属性绑定数据v-bind绑定类名v-bind绑定样式v-onv-on修饰符v-on注意点v-o
爱喝冬瓜汤的外星人·2020-09-16 12:56

Vue基础03_v-for循环排序

v-for指令解决模板循环问题v-for指令是循环渲染一组data中的数组，v-for指令需要以iteminitems形式的特殊语法，items是源数据数组并且item是数组元素迭代的别名。基本用法js写法数组及对象排序vue中的排序需要用到computed属性v-for实例v-for实例{{item}}{{student.name}}-{{student.age}}varapp=newVue({
Jason–json·2020-09-16 04:50

vue基础（二）：组件(props、$ref、$emit、、.native）

prop着重于数据传递，不能调用子组件里的属性和方法（父->子，传递数据给子组件）。父组件先绑定自定义属性=要传递的数据，子组件声明props:[父组件的自定义属性名]接受数据emit(event,arg)触发父组件的自定义事件event，将参数arg传递给父组件，父组件通过@event监听并接收参数。使用this.emit(event,arg)触发父组件的自定义事件event，将参数arg传递给
锦岁·2020-09-16 04:32

vue的指令绑定、事件、冒泡

不会随着其他改变而改变,简言之就是绑定他不让他的值改变防止跨站脚本攻击如果你觉得安全的话，可以不要让变量的值显示成字符串解决方法是：v-html='变量'小结总结：v-oncev-bindv-html5Vue
weixin_30872671·2020-09-16 04:39

使用vue开发一个项目（一）

在学习了vue基础之后，为了能够在vue开发项目上有一个真正的提升，所以打算用vue来做一个完整的项目，将其记录下来首先建立一个工程文件夹，在这个文件夹下打开命令行工具，在命令行中敲入以下命令安装上vue
何良语·2020-09-16 02:17

Vue.js基础（二）

VUE基础（二）事件修饰符.stop阻止冒泡.prevent阻止默认事件.capture添加事件侦听器时使用事件捕获模式.self只有触发元素本身时才会触发事件（冒泡、捕获等机制不管用）.once事件只触发一次写法
无人公寓里的猫·2020-09-16 02:09

Vue.js基础（一）

VUE基础（一）MVVM视图(V)与数据(M)独立工作，中间通过(VM)协调连接。程序员不用再通过操作DOM去绑定数据等。
无人公寓里的猫·2020-09-16 02:38

Vue基础指令（二） - v-text、v-html

这篇文章介绍Vue基础指令-v-text和v-html。
傻乎乎的熊二·2020-09-15 15:41

Vue基础技术|背景图铺满全屏效果

背景图：背景图尺寸信息：新建全局样式文件global.styl，并编写全局样式查看效果图：问题：通过背景图原图比对发现显示效果不全。如何实现背景图的全屏呢？可以通过css3提供的background-size:cover属性设置cover属性后的效果如下：然后再设置背景图居中显示就可以了完整样式文件代码：html,body{margin:0padding:0width:100%height:100
不忘初心 砥砺前行·2020-09-15 10:10

Vue基础技术|配置vue的jsx写法以及postcss

1.安装依赖包➜[email protected]@[email protected]@[email protected]:Browserslist2couldfailonreadingBrowserslist>3.0configusedinother
不忘初心 砥砺前行·2020-09-15 09:56

jeecms vue-cli项目结构详解

Vue-cli是vue官方出品的快速构建单页应用的脚手架，如果你是初次尝试Vue，不建议使用，推荐你使用普通引入javascript文件的方式进行学习，如果你已经有vue基础那么就可以用vue-cli这个脚手架进行学习
爱不到要偷·2020-09-14 16:14

vue基础知识整理

vue是中国比较流行的前端框架,对后端开发人员非常友善.下面整理了新项目中用到的部分vue知识.一.生命周期beforeCreate//在实例初始化之后，数据观测(dataobserver)和event/watcher事件配置之前被调用。created//实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(dataobserver)，属性和方法的运算，watch/event事件回
Trevis7619·2020-09-14 11:57

今日学习8.16

学习vue基础内容，git内容
这一剑叫晚安·2020-09-13 09:11

Vue学习笔记01——Vue基础知识介绍与Vue语法

Vue学习笔记基本介绍对象属性配置表Vue生命周期生命周期图Vue语法插值绑定1只要使用双大括号（Mustache语法）将要绑定的变量、值、表达式括住就可以实现，Vue将会获取计算后的值，并以文本的形式将其展示出来。2无论变量、表达式、执行函数还是DOM代码，Vue都只能将结果当作文本处理。另外，若是插值绑定的内容是变量或与变量有关，当变量的值改变时，视图也会同步更新。3HTML插值可以动态渲染D
丶萌萌哒的小太阳·2020-09-13 08:45

VUE基础知识1：数组forEach

vue是数据驱动，vue主要操作的是数据1、JS中有哪些数据类型（1）基本数据类型：number,string,boolean,null,undefined（2）引用数据类型:Object,function,Symbol(ES6)2、{}和[]操作数组的方法有哪些：ES4:pop,push,unshfit,shfit,slice,splice,reverse,sort,indexOf,lastIn
Razas·2020-09-13 02:03

vue快速入门

vue基础：0.插值表达式：{{}}1.指令：1.1v-html,v-text//用于绑定字符串，会自动解析标签//用于绑定文本信息1.2v-on点我有惊喜点我有惊喜//这是简写形式1.3v-ifABCNotA
风吹云灭·2020-09-12 22:56

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
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他