v-bind  主要用于属性绑定,Vue官方提供了一个简写方式 :bind,例如:<!-- 完整语法 --> <a v-bind:href="url"></a><!-- 缩写 --> <a :href="url"></a>绑定HTML Class一、对象语法
原创 2016-10-22 16:55:56
8044阅读
1评论
v-on 指令<div id="app"> <button v-on:click="say">点击</button> <!--简写:<button @clic
原创 2022-07-20 06:16:37
156阅读
Use v-bind:class and v-bind:style to compute html classes and inline styles from component data. Vue.js will automatically add vendor prefixes when us
转载 2017-01-22 05:14:00
73阅读
2评论
v-bind绑定Class与Style​​v-bind​​​​绑定HTML Class​​​​对象语法​​​​多个对象​​​​绑定数组​​​​绑定内联样式​​​​对象语法​​​​直接绑定一个样式对象​​​​数组语法​​v-bindv-bind用于动态地绑定一个或者多个attribute,或者一个porp到表达式。首先明确一下attribute的概念,什么是attribute,attribute 是
原创 2022-12-19 13:54:21
129阅读
代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script type="text/javascript" src="./vue.min.js"></
原创 2021-11-16 15:50:02
187阅读
# Vue.js中的Sleep用法Vue.js中,我们经常需要进行异步操作,例如发送网络请求或者定时操作。在某些情况下,我们需要在异步操作执行完毕之后再继续执行其他的代码。为了实现这一点,Vue.js提供了一种称为"Sleep"的方法。 ## Sleep的定义 在Vue.js中,Sleep是一种在一定时间内暂停执行的方法。它可以让你的代码在指定的时间之后再继续执行。这在某些场景下非常有用
原创 2023-08-17 11:24:37
2970阅读
代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{
原创 2021-11-16 15:46:42
117阅读
v-for 指令(列表渲染)list是数组 <div id="app"> <div v-for="item in list">{{item}}</div> </div
原创 2022-07-20 06:28:19
71阅读
一、v-bind 初探它是一个 vue 指令,用于绑定 html 属性,如下:<div id="app"
转载 2023-02-28 20:17:02
64阅读
<!DOCTYPE >< lang="en"><head> <meta charset="UTF-8"> <meta -equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>&l
原创 2022-04-06 14:30:51
127阅读
最近在js中要使用到类似于C++中的sleep函数(让cpu休眠)。但是js是不可能让cpu休眠,所以可以通过下面的两种方式模拟sleep函数。   方式一:使用setTimeout函数代替。如果在一个循环中使用,那么先设置一个起始时间为0,每次设置的setTimeout时间不同,就会达到隔一段时间执行一个动作,再隔一段时间执行一个动作的效果。举例如下(每隔不固定的时间走到下一个预置点):
转载 2023-06-14 17:24:36
738阅读
最近用Vue.js做了一个数据查询平台,还做了一个拼图游戏,突然深深的感到了vue的强大。Vue.js是一套构建用户界面(user interface)的渐进式框架。与其他重量级框架不同的是,Vue 从根本上采用最小成本、渐进增量(incrementally adoptable)的设计。Vue 的核心库只专注于视图层,并且很容易与其他第三方库或现有项目集成。另一方面,当与单文件组件和 V
2
原创 2017-10-14 14:28:21
989阅读
一、Vue.js是什么    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二、如
props作用:父组件向子组件传递数据1.单向数据流所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外变更父级组件的状态,从而导致你的应用的数据流向难以理解。不要在子数组内部修改props!常见的使用方法:希望将prop 作为一个本地的 数据来使用通过定义一个本地的 data property
转载 2023-06-01 17:13:39
255阅读
Vue.jsVue.js(是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件VueJS 特性:I:
v-show 指令v-show 根据表达式之真假值来控制元素的显示/隐藏的(css的display属性)。 带有 v-show
原创 2022-07-20 06:27:38
154阅读
    v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊
原创 2018-05-21 00:50:16
2221阅读
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script type="text/javasc
原创 2021-11-16 15:50:02
237阅读
Vue.js是对JavaScript进行了封装,语法风格和小程序很像,比如双大括号{{}}都是插值表达式。也许它们有相互借鉴的地方,所以说只要熟悉了一门语言,再学习其他语言就会融会贯通。 Vue的官方文档是https://cn.vuejs.org/v2/guide/ W3c的教程是https://w
转载 2019-08-24 15:28:00
256阅读
2评论
1.Vue.js 1.1Vue.js介绍 1.1.1Vue.js是什么? ​ Vue是一套用于构建用户见面的**渐进式框架。**与其他大型框架不同的是,Vue被设计为可以自底层向上逐层应用。 ​ Vue的核心库只关注视图层,不仅易于上手,还便于与第三方或既有项目整合。另一方面,当与现代化工具链以及各 ...
转载 2021-09-21 22:00:00
300阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5