使用Vue组件的watch监听-简单计算器

Vue组件的初探

一、浅析

这里做了一个全局的组件vue.component('mycomp',{})
在<template></template>中写组件，将id=comp1
script中直接template:"#copm1"
其他的部分就是之前所讲的watch来实现简易计算器差不多

<div id="app">
  <hr>
  <mycomp></mycomp>
</div>

<template id="comp1">
    <div>
        <h1>组件watch监听-计算(CQNU-ZJW)</h1>
        <input type="text" v-model.number="obj.pre">
        <p v-model="obj.type">+</p>
        <input type="text" v-model.number="obj.next">=
        <input type="text" v-model.number="obj.result">
    </div>
</template