vue的基础语法，基础英语

temeplate 是 模板 的意思 需要将html代码写到这个里面

options

options就是属性的意思

创建一个vue实例，所有的数据和操作都要写在这个实例里面，options就是这个实例的属性

const vm = new Vue(options)

el和mount 两种挂载点的用法

挂载点: 要替换容器上的哪一块，通常在html上用id标识

el的使用方法

直接写在参数里,oldCode就是id名

const vm = new Vue({
   el:'#oldCode', 
  })

mount的使用方法

//可以使用链式方法
  const vm = new Vue({
   el:'#oldCode', 
  }).$mount('#oldCode')
  //也可以在实例名后面
  vm.$mount('#oldCode')

data 数据的两种写法

data是内部数据，建议使用函数写法 对象

const vm = new Vue({
   el:'#oldCode', 
   data:{
        n:0
   },
  }) 

另一种方式是函数（推荐使用）

函数写法需要将数据写在return返回值里面

const vm = new Vue({
     el:'#oldCode', 
     data(){
        return{
          n:0
        }
    },
  })

methods方法

const vm = new Vue({
     el:'#oldCode', 
     data(){
        return{
          n:0
        }
    },
    methods:{
      add(){
        this.n+=1
      }
  }
  })

props组件传参

在组件中传参，需要先创建一个组件，这里创建一个文件

1. 使用{{}}在模板里占位，在props里声明传入的参数

2.要想将实例中的数据变量传如组件中需要在参数名前面加：,此时传入的才是变量值

传入函数

1. 函数需要先在实例中定义好，在组件标签里写入 参数="函数名"，这里也要使用:fn就是传入的参数，add则是函数名

1. 在组件中定义和声明

生命周期钩子

    

        
{{msg}}
        
    
    

1. created-实例出现在内存中
2. mounted-实例出现在页面中
3. updated-实例更新了
4. destroyed-实例消亡了