Vue基础特性

1、Vue实例和选项

还有的是这里进行编辑Vue代码的时候是要通过导入官网下载的vue包才可以的:

var vm = new Vue({
    //填入
})
1.2、数据

这里的数据都是通过{ {实例对象}}传入实例的对象的方式传入的:




  
  Title
  


网站名称:{ {name}}

网站地址:{ {url}}

这里的data还可以从外面的定义变量data传入,经过最后一行代码验证是true的 

  1.3、方法

这里直接通过showInfo()调用函数,接收return的值的方式呈现出来:

网站名称:{ {showInfo()}}

1.4、生命周期钩子函数

    beforeCreate               //Vue实例开始初始化时调用

    created                   //实例创建之后调用,还没有在DOM编译

    mounted                  //在DOM完成之后,相当于window.onload()

    beforeDestroy            //实例销毁之前 前面的三个都执行完了调用

    destroyed                 //实例销毁之后调用

这里的this.$destroy();就是进行销毁这个vue实例


                    
                    

你可能感兴趣的:(vue,vue.js,javascript,前端)