当前位置: 首页 > news >正文

大型网站系统与java中间件实践竞价排名深度解析

大型网站系统与java中间件实践,竞价排名深度解析,wordpress威廉希尔插件,wordpress 整站播放器目录 前言 v-bind 作用 语法格式 编译原理 简写 v-model 作用 使用方法 v-bind和v-model的区别和联系 前言 本文我们来了解一下模板语法之指令语法中的v-bind和v-model v-bind 作用 v-bind可以让html标签的某个属性的值产生动态的效果 语法格式 <html标签 v-bin…

目录

前言

v-bind

作用

语法格式

编译原理

简写

v-model

作用

使用方法

v-bind和v-model的区别和联系


前言

本文我们来了解一下模板语法之指令语法中的v-bind和v-model

v-bind

作用

v-bind可以让html标签的某个属性的值产生动态的效果

语法格式

<html标签 v-bind:参数=“表达式”></html标签>

编译原理

编译前 

<html标签 v-bind:参数=“表达式”></html标签>

编译后

<html标签 参数=“表达式的执行结果”></html标签>

在编译的时候v-bind后面的"参数名"会被编译为html标签的"属性名"

表达式会关联data,当data发生改变后,表达式的执行结果就会发生变化,所以连带的就会产生动态效果

简写

<html标签 :参数名="表达式">

v-model

作用

用来对数据进行绑定

使用方法

同v-bind

v-bind和v-model的区别和联系

  • v-bind和v-model这两个指令都可以完成数据绑定
  • v-bind是单向数据绑定 data ===> 视图,v-model是双向数据绑定 data <===> 视图
  • v-bind可以使用在任何html标签当中,v-model只能使用在表单类元素上,例如:input,select,textarea
  • v-bind简写:v-bind:参数='表达式'  简写===> :参数="表达式"
  • v-model简写: v-model:value='表达式' 简写===> v-model="表达式"

v-bind的单向数据绑定和v-model的双向数据绑定

(注意,data中的数值最好不要使用中文,因为vue开发者工具对中文不太友好,有时候会不显示data中的数据)

例:

 <div class="app">v-bind的指令:<input v-bind:value="name1">v-model的指令:<input v-model:value="name2"></div><script>new Vue({el:".app",data:{name1:'xiaowu',name2:'xiaoyou',}})</script>

当我们修改data中的数据时,视图页面同时更新

当我们修改视图上面的数据时,v-bind的data对应的参数值没有发生改变,v-model同步发生了改变

http://www.15wanjia.com/news/37708.html

相关文章:

  • 深圳网站建设哪里网站的优化从哪里进行
  • dw做的网站如何发布搜索引擎优化的含义
  • 怎样在手机上建网站天津网站策划
  • 钓鱼网站下载安装网站seo检测
  • 徐州网站制作排名第一的助勃药
  • js做音乐网站百度查重工具
  • 中国供应商网介绍seo的中文含义是
  • vue做网站看不到htmI吗友情链接举例
  • 做java面试题网站网络营销产品概念
  • 数据库检索网站建设免费创建个人网页
  • 试玩做任务赚钱的网站百度指数如何分析
  • 中国有哪些网站可以做兼职网站提交入口链接
  • 响应式网站一般做几个尺寸网络营销网站建设案例
  • 七牛云存储代替WordPress百度seo流量
  • php 建设网站汕头seo服务
  • 企业建站网站认证互联网营销案例
  • 医疗科技网站建设做网站需要哪些技术
  • 华久网站建设5g影讯5g天线在线观看免费视频
  • 在线客服链接网站优化公司哪家好
  • 一个网站值多少钱营销策划方案内容
  • 爱民网站制作建立一个网站需要多少钱?
  • 淄博企业网站设计公司友情链接实例
  • 湖南餐饮网站建设n127网推广
  • 供应邯郸专业做网站网站seo搜索引擎的原理是什么
  • 做一个网站多久今日全国疫情一览表
  • 优秀个人网站设计成都网站建设企业
  • 网站建设方案有哪几种谷歌浏览器网页版入口手机版
  • 学什么可以做响应式网站菏泽地网站seo
  • 织梦大气婚纱影楼网站源码 dedecms摄影工作室网站模板seo实战视频
  • 房产网站制作方案国外黄冈网站推广软件