vue1.0和vue2.0区别（一）

chanthuang 发布于2019-08-21 11:45 / 2134人阅读

摘要：和区别二绑定一次已废弃请使用绑定代码写法已废弃请使用循环数组默认通过进行遍历遍历需加不加重复数据不绑定通过进行遍历苹果橘子香蕉写法已废弃对象和已废弃对象数组都可以进行解构赋值必须进行定义，不然会报错事件按钮香蕉苹果橘

vue1.0和vue2.0区别（二）

绑定一次

{{*msg}}
{{msg}}

vue2.0已废弃请使用v-once

绑定html代码

{{{msg}}}

{{{msg}}}写法vue2.0已废弃,请使用v-html

循环v-for 数组

1.0默认通过value进行遍历(key,value),遍历需加track-by="$index"(不加重复数据不绑定)

2.0通过key进行遍历(value,key)

data:{
  arr:["苹果","橘子","香蕉"]
}

  
      {{value}} {{$index}}

{{{$index}}}写法vue2.0已废弃

对象

data:{
    json:{name:"zfpx"}
}

    {{value}}

{{$key}}和{{$index}}vue2.0已废弃
对象数组都可以进行解构赋值

  v-for = "(val,index) in arr"
// 2.0 必须进行定义，不然会报错

事件v-on



    
       {{value}}
    

var vue = new Vue({
    el:"#box",
    data:{
        json:["香蕉","苹果","橘子"]
    },
    methods:{
        addFruit(event){
            this.json.push("苹果");
        }
    }
});

v-on:click简写@click 2.0支持

执行方法时加上()事件源默认不传递，需要手动传入$event

methods中的this永远指向Vue的实例

显示/隐藏

v-show 如果为false时通过css样式将元素隐藏 (display:none/block)

v-if 如果为false时移除DOM节点(removeChild)

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

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

vue1.0和vue2.0区别（二）

摘要：生命周期钩子函数没有是无法进行编译的，初始化初始化完成编译前编译后首次加载获取之前在方法后获取数据官方推荐准备好了销毁前销毁后强制让实例小会，但是编译后的数据不会销毁手动挂载没有是无法进行编译的，初始化之前初始化完成挂载前挂载后首次加载获取生命周期（钩子函数） 1.0 var vm = new Vue({ el:#app,//没有el 是无法进行编译的 d...

wua_wua2012 2019-08-20 17:15 评论0 收藏0
Vue2.x踩坑与总结

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

bovenson 2019-08-21 11:29 评论0 收藏0
Vue 笔记三：Vue2.0与1.0的区别

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

Big_fat_cat 2019-08-21 11:35 评论0 收藏0
踩坑：Vue2.0与1.0命名的区别

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

zhkai 2019-08-22 11:17 评论0 收藏0
Vue2.0中Filter的使用问题

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

why_rookie 2019-08-20 16:56 评论0 收藏0