资讯专栏INFORMATION COLUMN

vue学习(1)---template

wqj97 / 2923人阅读

摘要:的使用中只能有一个根元素错误使用都是用于组件中。其他写法如果将用替换,发现是可以用的。组件的必须是函数好处自己维护自己的,以免一个改动导致其他组件变动。和就是固定的值,可以在组件中进行变动。父向子传值注意中的属性要有单引号。

template的使用

template中只能有一个根元素;
错误使用:

template都是用于组件中。

其他写法:
如果将template用div替换,发现是可以用的。

注意:组件必须有且仅有一个根元素。

组件的data必须是函数

好处:自己维护自己的,以免一个改动导致其他组件变动。互不影响。

data: function () {
  return {
    count: 0
  }
}
data和props

1、data就是固定的值,可以在组件中进行变动。
2、props可以给子组件传递数据。
(data):点击的时候改变了title值,但是不可以在引用组件的时候,给title赋值。


(props):(父向子传值)



注意:props中的属性要有单引号。
使用方法:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/103035.html

相关文章

  • Vue 2.0源码学习

    摘要:今年的月日,的版本正式发布了,其中核心代码都进行了重写,于是就专门花时间,对的源码进行了学习。本篇文章就是源码学习的总结。实现了并且将静态子树进行了提取,减少界面重绘时的对比。的最新源码可以去获得。 Vue2.0介绍 从去年9月份了解到Vue后,就被他简洁的API所吸引。1.0版本正式发布后,就在业务中开始使用,将原先jQuery的功能逐步的进行迁移。 今年的10月1日,Vue的2...

    Joyven 评论0 收藏0
  • 一步步从零开始学习vue-router

    摘要:前言一个包含的简单,从第一个开始,依次深入学习,即可快速上手强大的。 前言 一个包含 vue-router的简单demos,从第一个demo开始,依次深入学习,即可快速上手强大的vue-router。 如何使用 安装模块pure 或 http-server来启动服务器npm install -g puer or npm install -g http-server 克隆仓库 启动服...

    Cobub 评论0 收藏0
  • vue 学习笔记

    1.vue的开始 var vm = new Vue({ el: #app, // el: 用来挂载 Vue 实例的元素 data: {}, // data: 要绑定的资料 props: {}, // props: 用来接收外部资料的属性 methods: {}, ...

    yhaolpz 评论0 收藏0
  • vue学习笔记(三)

    摘要:直接创建组件使用标签名组件模板,根据组件构造器来创建组件。相应的,实例也被称为父组件。而且不允许子组件直接修改父组件中的数据,强制修改会报错。 一、组件 (一)什么是组件 组件(Component)是 Vue.js最强大的功能之一。组件可以扩展 HTML元素,封装可重用的代码组件是自定义元素(对象)。 (二)创建组件的两种方式 官方推荐组件标签名是使用-连接的组合词,例如:。 1、使用...

    fsmStudy 评论0 收藏0
  • vue学习笔记(三)

    摘要:直接创建组件使用标签名组件模板,根据组件构造器来创建组件。相应的,实例也被称为父组件。而且不允许子组件直接修改父组件中的数据,强制修改会报错。 一、组件 (一)什么是组件 组件(Component)是 Vue.js最强大的功能之一。组件可以扩展 HTML元素,封装可重用的代码组件是自定义元素(对象)。 (二)创建组件的两种方式 官方推荐组件标签名是使用-连接的组合词,例如:。 1、使用...

    zsirfs 评论0 收藏0
  • Vue2.0 学习笔记

    摘要:父子组件通信父组件通过向下传递数据给子组件,子组件通过给父组件发送消息。是一个对象而不是字符串数组时,它包含验证要求。状态管理由于多个状态分散的跨越在许多组件和交互间,大型应用的复杂度也随之增长。提供了,可以通过文档学习。 什么是vue vue是一个前端框架,主要两个特点:数据绑定、组件化。 安装环境 根据教程安装环境:node.js、npm、webpack、vue-cli主要的命...

    cgh1999520 评论0 收藏0

发表评论

0条评论

wqj97

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<