基本语法

1.数据绑定

  倾向于单向数据绑定、着重构建用户界面、用法很像模板引擎

(1)mastache语法进行文本插值: {{message}}

(2)元素的属性绑定:v-bind:title="悬浮显示的文字"

2.常用指令

v-bind:propName= ‘haha’

v-if='isShow'

v-for=‘todo in todos’

v-on:click = 'funcName'

v-model='doubleChoose'

3.组件

一个组件本质上是一个被预先定义选项的 Vue 实例

组件间数据传递:

v-bind:propName  父——>子  props接收

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 模板语法 插值 # 文本 数据绑定最常见的形式就是使用 “Mustache” 语法(双大括号)的文本插值: Mus...
    angelwgh阅读 461评论 0 0
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,201评论 0 29
  • 对于刚入门的同学,不建议直接用构建工具搭建项目,先从本地引入开始 1.页面引入文件 结构大致如下 其中需要注意,书...
    Veb阅读 3,209评论 2 9
  • JSX 的基本语法规则:遇到 HTML 标签(以 < 开头),就用 HTML 规则解析;遇到代码块(以 { 开头)...
    唐僧洗头用飘柔_阅读 1,638评论 0 0
  • Swift基本语法 简介1.什么是SwiftSwift是苹果于2014年WWDC(苹果开发者大会)发布的全新编程语...
    small_Sun阅读 555评论 0 0

友情链接更多精彩内容