VUE 开发总结笔记
vue开发过程中遇到的一些问题和总结,都是入门时可能会遇到的问题。
Vue动态添加新的属性到实例上
当我们去看vue文档的时候,发现如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。比如我们我们开始创建了一个对象实例,在实例创建之后为其增加新的属性,我们发现这个属性不能生效,此时需要使用this.$set(‘)方法。
<template>
<more></more>
</template>
<script>
import viewMore from 'viewMore.vue'
export default {
name: 'index',
components: {
more: viewMore
},
data() {
return {
people :{}
}
},
created(){
this.$set(people , 'age','12');
}
}
</script>
组件开发遇到的问题
- 组件的开发和引用
当我们将项目中公用的块,或者页面中多处样式一样,只是数据展示不同的地方抽取出一个个公用组件时,可以提高我们的开发效率,避免重复的工作,只需要在不同的页面引入公用的组件即可。创建一个viewMore.vue文件,定义一个组件块。
<template>
<div class=