Vue基础篇-内部选项-生命周期钩子函数-计算属性-组件

基础概念

 vue的核心是一个vue对象，在这个对象内我们一直加入别的对象进行管理。

vue内部选项讲解

el

HtmlElement就是指定一个dom元素用来挂载vue实例的。el :'#app'

data（防止数据散落在业务逻辑内难以维护）

支持在外部使用变量方法声明：Data ：myData  ；

var myData ={a:1,b:2}

生命周期（vue的生命周期钩子可以参考Jquery的ready()函数）

计算属性

计算属性的作用和函数类似，都是执行一些操作后返回数据，但是计算属性基于数据缓存（data）只要数据的值改变了，就会重新计算并且返回数据，更改dom。但方法在调用时才会触发。

计算属性可以依赖其他计算属性的数据，或者其他实例的数据

计算属性缓存的理解

组件

中央总线事件bus

solt分发内容

引入主件

<template>
<div>
  <coloumSer></coloumSer>//3展示
</div>
</template>
<script>
  import coloumSer from 'src/components/Search/coloum_ser';//1具体引入的组件
  export default {
    components: {
      coloumSer//添加到当前页
    }
  };
</script>
<style lang="scss" scoped>

</style>