m0_55575697的博客

<button @click="add">增加</button><br><br><br><button @click="addDogs">再来一条狗</button>

通过点击导航，视觉效果上“消失”的组件，默认是被卸载的，需要的时候再去挂载。

v-if具有更高的切换开销，v-show具有更高的初始渲染开销。v-if 适用于条件不经常改变的场景，切换条件时的开销较大，因为需要重新渲染元素。v-show适用于条件经常改变的场景，切换条件时的开销较小，因为只是改变样式属性。当修改使用reactive创建的对象属性时，如果只修改对象的某个属性，则不会出现问题。指令用于条件性地渲染一个元素。它与v-if不同，在渲染时不管条件为真还是为假，都会渲染。上面两种写法均无法修改数据，页面不会更新，数据失去了响应式。注：原对象的数据也会跟随结构的数据的改变而改变！

/ 定义一个接口，用于限制person对象的具体属性id:string,age:number// 定义一个自定义类型let person:PersonInter = {id:"qwer1234", name:"张三", age:45}{id:"qwer1234", name:"张三", age:45},{id:"qwer1234", name:"张三", age:45},{id:"qwer1234", name:"张三", age:45}

构建vue项目有多种方式，推荐使用，需要用到npm和node，新版本的node已经集成了npm，所以只需下载node即可。，按照流程傻瓜式安装即可，使用node -v验证安装。