-
计算属性 computed，由数据返回一个新变量
查看全部 -
v-on:click -> @click
v-bind:title -> :title
v-model: 进行数据双向绑定
查看全部 -
在 <style> 标签上加scoped
<style scoped></style>
给样式加上作用域，该样式只作用于该组件；如果不添加该标签，则将变为全局样式
查看全部 -
子组件模板及逻辑
查看全部 -
父组件逻辑
查看全部 -
父组件模板
查看全部 -
将外部组件注册到本组件之中
查看全部 -
<template></template>模板中只能有一个根元素（最外层包裹元素）。
vue组件中，data属性不再是一个对象，而是一个函数，其返回一个对象。如： data:function(){
return {key : value}
}，
method: {//简写
handleSubmit () {//-->handleSubmit : function(){}
//方法体
}
}
查看全部 -
v-for用于循环渲染数据（v-for="item of list"），同时可以加一个:key值（key值不能相同）（v-for="(item,index) of list" :key="index"），
查看全部 -
computed是计算属性，页面中需要计算的数据function可以写在当前对象中，一个属性通过计算而来，当计算的几个属性没有变化时不会重新计算二是使用上一次的缓存值
watch:侦听器，可以将需要侦听检测的数据、方法写在当前对象中查看全部 -
v-bind:为属性绑定（v-bind:可以缩写为：）
v-model是双向数据绑定
查看全部 -
v-text、v-html对应于data数据项
v-on:click对应于methods类（v-on:可缩写为@）
查看全部 -
<template></template>模板
<script></script>逻辑
<style></style>样式
查看全部 -
v-on: (@) v-bind: (:) v-model查看全部
-
子组件发布事件$emit(‘delete’)，父组件监听，触发父组件绑定的事件
查看全部
举报