网页大神经

父子组件通信方式。 子组件需要父组件数据： 子组件内部，props对象，声明接受的外部参数 父组件，在子组件标签处通过v-bind<cpn :key="parentData"> 父组件使用子组件数据

如果用以下的方式写，html和js混合在一起，不整洁 提供了两种分离式写法： -<script type="text/x-template" id="cpn"> -<template id="cpn"

页面拆分，复杂-》 简单，积木，组件-》组件树 组件使用 组件构造器创建组件 vue.extend({}) 调用组件构造器创建组件对象，参数为对象， 其中主要用到template属性，值为模板字符串形

lazy 默认情况下，v-model在input中是同步的，即输入框中内容变化，data数据也变化 lazy会让input失去焦点或者回车后，让data数据更新 <input type="text"

<input type="text" v-model="message" /> 两个指令的集合 等同于 <input type="text" :value="message" @input="chan

改变原数组的原型方法 push pop shift unshift splice(index, count, newValue) sort reverse $set Vue.$set(arr, ind

二者非常相似，都是让元素在页面能否看到 通过app.show=false,查看控制台发现，v-if不存在DOM中，而v-showdom元素还在，只是样式增加display:none v-if: 创建/

1、v-on使用方式： vue中主要是用的v-on实现事件监听(点击，鼠标，键盘操作等)， 简写：@ v-on:[事件名]=“funciton/单行表达式” 2、v-on参数： 函数需要参数，加了括号

1、为什么计算属性是函数，使用时不需要函数调用？ 提起计算属性，必须知道属性的getter和setter 二者都是函数，取值调用getter，设置值调用setter 使用方式: 计算属性对象中，分别设