• 新知新觉:对党忠诚是党员的根本政治担当 2019-06-26
  • 【理上网来·辉煌十九大】巴西专家:中国的发展牵动世界 为世界带来更多机遇 2019-06-24
  • 理赔提速!唐山启动“警保联动”新模式(图) 2019-06-23
  • 陕西国防工业职业技术学院百名大学生志愿者敬老院慰问孤寡老人陕西国防工业职业技术学院百名大学生志愿者敬老院慰问-陕西教育新闻 2019-06-21
  • 回复@海之宁:不给你分配生产资料你咋尽所能? 2019-06-18
  • 霍金说,广义相对论的爱因斯坦方程“将和宇宙同在”。而“真理论者”在人民网上公开辱骂爱因斯坦是“极度残脑”,乃狂犬吠日。 2019-06-18
  • 习近平:在深入推动长江经济带发展座谈会上的讲话 2019-06-15
  • 平话文化旅游节又来了!乐游扬美古镇嗨购江南万达 2019-06-15
  • 【老蚕】,可分为;【轻度老蚕,重度老蚕,全面脑瘫】三个等级。试想;你是属于哪个级别。。。?[福尔摩斯] 2019-06-04
  • 【人事】中共临汾市委组织部公示3名拟任职干部 2019-06-04
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-02
  • 交通部发布端午假期出行指南 教你如何避堵 2019-06-02
  • 共产主义劳动不再是谋生手段就是劳动不再是看着就想笑鼓吹私有制下的责权利所谓平滑对接下的为生存而做资本的雇佣劳动奴隶劳动,而是在共产主义公有制里劳动由于一辈子做 2019-06-02
  • 李克强:今年再减少农村贫困人口1000万以上 2019-06-01
  • 台湾如何管理“路边摊” 2019-06-01
  • 郑州网站建设,郑州网站制作,郑州做网站,巩义网站建设,荥阳网站建设,偃师网站制作-全栈网络

    网站建设之vue.js常见命令及方法归纳总结

    网站建设之vue.js常见命令及方法归纳总结

    时间: 2018-11-21 分类: 网站代码 浏览次数:

    四川快乐12前三走势图 www.mas07.com 在网站建设,项目开发中,vue.js使用率越来越高,在网站制作人员实际工作中,vue技术的使用也成为衡量一个合格的前端工程师的重要标准,那么,在日常工作中,有哪些常用的vue操作...

    在网站建设,项目开发中,vue.js使用率越来越高,在网站制作人员实际工作中,vue技术的使用也成为衡量一个合格的前端工程师的重要标准,那么,在日常工作中,有哪些常用的vue操作指令呢?

    网站建设之vue.js常见命令及方法归纳总结
     
    具体vue.js在使用中常用的命令及方法如下:
    1.创建一个vue实例化对象:
    想要使用vue,必须先声明一个新的vue对象,并创建对应的vue实例化对象区域,代码示例:var vm=new Vue({el:"#app"})

    2.v-model数据双向绑定指令:
    在日常表单,输入框等位置,想要获取数据及提交表单时,需要用到v-model进行对应html元素的数据监视,当数据框数据发生改变,绑定v-model之后,数据会动态传入设定的参数里。代码示例:<input v-model="我是获取到的input输入内容" type=“text”>

    3.v-if数据真假判断方法:
    v-if常用语判断表达式的真假,并根据真假结果决定显示或者隐藏该html元素,同时该隐藏是html元素将从代码中直接删除。代码示例:<h1 v-if="2>1">如果是真,我就显示,</h1>

    4.v-show数据真假判断方法:
    v-show与v-if用法类似,都根据判断结果决定html元素是否显示,不过v-show为假时,不是将元素完全删除,而是通过display:none将元素隐藏。代码示例:<h1 v-show="2>1">如果是真,我就显示,</h1>

    5.v-for数据循序遍历方法:
    v-for在日常工作使用中及其广泛,如常见的列表数据获取,写法规则为:<li v-for="item in items">我是结果,我显示的是items里每一条item结果</li>

    6.v-text与v-html数据替换方法:
    v-text及v-html方法同为对html元素及标签内容进行覆盖,不过v-text只覆盖文本内容,而v-html可以直接写入html标签。代码示例:<div v-html="将要替换成为的内容">标签内原来内容</div>


    7.v-bind为html标签绑定新的属性,类名方法,url地址信息等(注:常用“:”简写);
    vue通过数据绑定,可以随时随地将任何从后台获取到的数据与html元素进行绑定,包括跳转地址,类型,属性样式等。且通常情况下,v-bind简写为":"(冒号);代码示例:<img v-bind:src="url">以及缩写<img :src="url">

    8.v-on标签事件绑定方法,如点击事件,鼠标滑动事件等(注:常用“@”简写)
    v-on可以绑定任何属性,包括鼠标点击,鼠标划动,键盘按下及抬起等任何操作方法,同时v-on还可以添加事件修饰符,用来实现组合按键的效果。代码示例:<a v-on:click.stop="stop"></a>

    在日常网站建设,项目开发中,我们常用的vue指令也就是这些,最基础的才是最实用的知识,希望对大家有帮助。全栈网络专业从事四川快乐12前三走势图,欢迎大家随时来电咨询。

    本文关键词: vue 未经允许不得转载:郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络



    郑州网站建设|郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|偃师网站制作-全栈网络
  • 新知新觉:对党忠诚是党员的根本政治担当 2019-06-26
  • 【理上网来·辉煌十九大】巴西专家:中国的发展牵动世界 为世界带来更多机遇 2019-06-24
  • 理赔提速!唐山启动“警保联动”新模式(图) 2019-06-23
  • 陕西国防工业职业技术学院百名大学生志愿者敬老院慰问孤寡老人陕西国防工业职业技术学院百名大学生志愿者敬老院慰问-陕西教育新闻 2019-06-21
  • 回复@海之宁:不给你分配生产资料你咋尽所能? 2019-06-18
  • 霍金说,广义相对论的爱因斯坦方程“将和宇宙同在”。而“真理论者”在人民网上公开辱骂爱因斯坦是“极度残脑”,乃狂犬吠日。 2019-06-18
  • 习近平:在深入推动长江经济带发展座谈会上的讲话 2019-06-15
  • 平话文化旅游节又来了!乐游扬美古镇嗨购江南万达 2019-06-15
  • 【老蚕】,可分为;【轻度老蚕,重度老蚕,全面脑瘫】三个等级。试想;你是属于哪个级别。。。?[福尔摩斯] 2019-06-04
  • 【人事】中共临汾市委组织部公示3名拟任职干部 2019-06-04
  • 西部网(陕西新闻网)www.cnwest.com 2019-06-02
  • 交通部发布端午假期出行指南 教你如何避堵 2019-06-02
  • 共产主义劳动不再是谋生手段就是劳动不再是看着就想笑鼓吹私有制下的责权利所谓平滑对接下的为生存而做资本的雇佣劳动奴隶劳动,而是在共产主义公有制里劳动由于一辈子做 2019-06-02
  • 李克强:今年再减少农村贫困人口1000万以上 2019-06-01
  • 台湾如何管理“路边摊” 2019-06-01
  • 新浪彩票客户端 新疆十一选五前三遗漏 篮球比赛让分胜负 新疆11选5最大遗漏 泳坛夺金投注技巧 5行大乐透选号 聖淘沙娱乐城代理申请 谁有平特鸡1赔1网站 新疆喜乐彩开奖号码 体彩排列3专家预测 江苏快3和值大小计划 广东快乐10分选5计划 彩票一赔二十如何赚钱 上海天天彩选四回顾 七星彩走势图带