vue学习（1）---template

wqj97 发布于2019-08-23 16:27 / 3062人阅读

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

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 2019-08-20 12:18 评论0 收藏0
一步步从零开始学习vue-router

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

Cobub 2019-08-22 17:34 评论0 收藏0
vue 学习笔记

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

yhaolpz 2019-08-23 12:19 评论0 收藏0
vue学习笔记（三）

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

fsmStudy 2019-08-21 17:14 评论0 收藏0
vue学习笔记（三）

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

zsirfs 2019-08-01 17:51 评论0 收藏0
Vue2.0 学习笔记

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

cgh1999520 2019-08-21 11:25 评论0 收藏0