资讯专栏INFORMATION COLUMN

vue1.0和vue2.0区别(二)

wua_wua2012 / 1125人阅读

摘要:生命周期钩子函数没有是无法进行编译的,初始化初始化完成编译前编译后首次加载获取之前在方法后获取数据官方推荐准备好了销毁前销毁后强制让实例小会,但是编译后的数据不会销毁手动挂载没有是无法进行编译的,初始化之前初始化完成挂载前挂载后首次加载获取

生命周期(钩子函数) 1.0
var vm = new Vue({
       el:"#app",//没有el 是无法进行编译的
       data:{
         msg:"zf"
       },
       init(){
         alert("初始化")
       },
       created(){
         alert("初始化完成")
       },
       beforeCompile(){
         alert("编译前")
       },
       compiled(){
         alert("编译后")
       },
       ready(){
         //首次加载获取之前 在ready方法后获取数据 (官方推荐 )
         alert("准备好了")
       },
       beforeDestroy(){
         alert("销毁前")
       },
       destroyed(){
         alert("销毁后")
       }
    })

  vm.$destroy(); // 强制让实例小会,但是编译后的数据不会销毁
    console.log(vm)
    vm.$mount("#app")//手动挂载

2.0
  var vm = new Vue({
       el:"#app",//没有el 是无法进行编译的
       data:{
         msg:"zf"
       },
       beforeCreate(){
         alert("初始化之前")
       },
       created(){
         alert("初始化完成")
       },
       beforeMount(){
         alert("挂载前")
       },
       mounted(){
         alert("挂载后")
       },
       beforeUpdate(){
         //首次加载获取之前 在ready方法后获取数据 (官方推荐 )
         alert("修改前")
       },
       updated(){
         alert("修改后")
       },
       beforeDestroy(){
         alert("销毁前")
       },
       destroyed(){
         alert("销毁后")
       }
    })

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83440.html

相关文章

  • vue1.0vue2.0区别(一)

    摘要:和区别二绑定一次已废弃请使用绑定代码写法已废弃请使用循环数组默认通过进行遍历遍历需加不加重复数据不绑定通过进行遍历苹果橘子香蕉写法已废弃对象和已废弃对象数组都可以进行解构赋值必须进行定义,不然会报错事件按钮香蕉苹果橘 vue1.0和vue2.0区别(二) 绑定一次 {{*msg}} {{msg}} vue2.0已废弃 请使用v-once 绑定html代码 {{{msg}}}{{{msg...

    chanthuang 评论0 收藏0
  • Vue 笔记三:Vue2.0与1.0区别

    摘要:升级的区别与的断层式升级不同,延续了自己的风格。在命名方式和上有一些区别,掌握它们是你升级整个项目的关键。以下内容都是来源于个人项目的一些经验之谈,并非系统性的阐述。总目录前端经验收集器转载自个人建了前端学习群,旨在一起学习前端。 升级的区别 与angular的断层式升级不同,vue延续了自己的风格。在命名方式和API上有一些区别,掌握它们是你升级整个项目的关键。以下内容都是来源于个人...

    Big_fat_cat 评论0 收藏0
  • Vue2.x踩坑与总结

    摘要:年前就打算学习并总结一下,但是因为年前工作比较多,所以进展十分缓慢,现在终于学了一大部分,而且自己在学习开发中也踩了不少坑也总结了不少,所以将自己踩过的坑总结一下分享出来。因为在项目中使用了,所以对于也有一个踩坑总结,点击链接。 年前就打算学习并总结一下vue2.x,但是因为年前工作比较多,所以进展十分缓慢,现在终于学了一大部分,而且自己在学习开发中也踩了不少坑也总结了不少,所以将自己...

    bovenson 评论0 收藏0
  • 踩坑:Vue2.0与1.0命名的区别

    摘要:今天在中使用时,控制给了这个警告两种解决办法在里面添加代码使用之前用的时候,都没有这个警告,经查阅相关资料得知升级后才会出现这个问题,这里涉及变量命名的问题,组件的名称最好不要和原生标签相同。 There are only two things in Computer Sciences: cache invalidation and naming things. ---Phil Kar...

    zhkai 评论0 收藏0
  • Vue2.0中Filter的使用问题

    摘要:里,不再有自带的过滤器,需要自己定义过滤器在中内置了几种实用的过滤器函数如,但在中这些方法都被废除了需要自己定义过滤器。所以我们需要进行改写标题哈哈 vue2.0里,不再有自带的过滤器,需要自己定义过滤器 在 Vue1.0 中内置了几种实用的过滤器函数如 uppercase ,但在 Vue2.0 中这些方法都被废除了需要自己定义过滤器。 定义的方法:注册一个自定义过滤器,它接收两个参数...

    why_rookie 评论0 收藏0

发表评论

0条评论

wua_wua2012

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<