四时宝库

程序员的知识宝库

【Vue2.0系列一】实战Vue2.0两种哪两种语法

3.1、插值语法:

功能:用于解析标签体内容;

写法:{{XXXX}} , XXXX是js表达式,且可以直接读取到data中的所有属性;

3.2、指令语法(标签体内只能用指令语法)

功能:用于解析标签(包括:标签属性、标签体内容、绑定事件.......)

举例:V-bind:href="XXXX" 或 简写为 :href="XXXX" ,XXX同样要写js表达式,且可以直接读取到data中的所有属性。

备注:Vue中有很多的指令,且形式都是: V-??

3.3、数据的单向与双向绑定

v-bind : 是数据是单向绑定,即数据可以从data流向页面,但不能从页面流向data; 简写为两个冒号,如 v-bind:href= 简写为: :href

v-model: 是数据的双向绑定,即数据不仅能从data流向页面,还能从页面流向data; v-model:value= 简写 v-model = 此处省略掉value

注:v-model 只能用于表单类元素,它默认收集的是value的值(如:输入类的元素,input,select)上,即是交互类的元素上

3.4、事件绑定:

v-on: 事件绑定 v-on:click="" 简写 @click="" 对应下面Vue的函数是在methods:{函数名(){}}

想了系统性学习开发项目并下载源码,可以搜索微信小程序“群应荟萃” 并转发 ,有无限多的免费学习教程。

加入微信群:“群应荟萃”可以实时获取最新资源更新

教程版权归原作者所有,本站只是负责搜集整理

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接