美文网首页我爱编程
VUE的学习记录(3)

VUE的学习记录(3)

作者: 派大曦 | 来源:发表于2018-03-28 15:42 被阅读0次

今天学习数据绑定,插值

Vue的视图模板基于DOM实现,通过数据绑定将App组件上定义的数据模型绑定到模板上 插值是Vue实现使用数据绑定的一种方式

在组件中使用data定义内部访问的数据模型:

data可以是返回一个Object对象的函数,也可以是对象属性而不要要return。使用函数返回可以拥有灵活性,比如在内部数据初始化的操作。

在模板中引用data.msg不需要data,在内部容器中在模板使用插值的方式填上msg就ok

{{ }}这种用双大括号引注的内容称为"Mustache"语法

ps:单词意思是胡子,好像真的蛮像络腮胡=。=

每当data中msg这个属性的值发生变化,它也会随之更新同步。

保存下,查看下我们的运行中的应用程序(#^.^#)

果然是deep deep dark(实时更新了)

相关文章

  • VUE的学习记录(3)

    今天学习数据绑定,插值 Vue的视图模板基于DOM实现,通过数据绑定将App组件上定义的数据模型绑定到模板上插值是...

  • vue3 学习笔记

    学习vue3的过程,个人觉得vue3有好多很棒的优点或者写作规范,记录下来,方便复习setup,reactive这...

  • Vue3学习记录

    https://github.com/121948052/vue3-basics-learning[https:/...

  • Vue-Vue3.x+TypeScript入门(一)

    前言:本文主要记录Vue3.x+TypeScript入门心得。 目录: 一、Vue3.x的特性。 二、搭建Vue3...

  • Vue 学习

    vue 学习记录。 参考网址 Vue:https://cn.vuejs.org/v2/guide/ Vue-rou...

  • vue3和vue2的项目创建- 2022.2.22

    好久没创建vue2的项目了,冷不丁忘了,还以为会和vue3冲突...特此记录下~ vue3 创建 vue2 创建

  • Vue-cli 安装 vue 方法

    总是要上官网搜索vue-cli,上网速度太慢,记录于此。 Vue CLI >= 3 Vue CLI 2

  • vue-oneday学习指令

    1vue学习目标 2,vue介绍 3,vue的基本使用 4,vue的指令学习 5,v-text="mes"和{{m...

  • Framework7 Vue 学习记录

    记录项目过程中学习的Framework7 Vue组件。 Navbar Vue Component Navbar 是...

  • Vue常用文档记录

    最近正在学习Vue,对Vue常用的一些api文档地址进行总结(仅为方便自己查看与学习记录) 1、Vue官方文档 ...

网友评论

    本文标题:VUE的学习记录(3)

    本文链接:https://www.haomeiwen.com/subject/jeaycftx.html