首页 技术 正文
技术 2022年11月8日
0 收藏 919 点赞 1,778 浏览 1783 个字

1. 在每个组件模板,不在支持片段代码
组件中模板:
  之前:
    <template>
      <h3>我是组件</h3><strong>我是加粗标签</strong>
    </template>
  现在: 必须有根元素,包裹住所有的代码
    <template id=”aaa”>
      <div>
        <h3>我是组件</h3>
        <strong>我是加粗标签</strong>
      </div>
    </template>

2. 关于组件定义
  Vue.extend 这种方式,在2.0里面有,但是有一些改动,这种写法,即使能用,咱也不用――废弃

  Vue.component(组件名称,{      在2.0继续能用
    data(){}
    methods:{}
    template:
  });

2.0推出一个组件,简洁定义方式:
  var Home={
    template:     
  };

3. 生命周期
之前:
  init
  created
  beforeCompile
  compiled
  ready √ -> mounted
  beforeDestroy
  destroyed
现在:
  beforeCreate      组件实例刚刚被创建,属性都没有
  created          实例已经创建完成,属性已经绑定
  beforeMount        模板编译之前
  mounted         模板编译之后,代替之前ready *
  beforeUpdate       组件更新之前
  updated           组件更新完毕 *
  beforeDestroy      组件销毁前
  destroyed        组件销毁后
4. 循环
  2.0里面默认就可以添加重复数据

    去掉了隐式一些变量
      $index $key

    之前:
      v-for=”(index,val) in array”
    现在:
      v-for=”(val,index) in array”
      v-for=”(val,key,index) in json”

5. track-by=”id”
  变成
  <li v-for=”(val,index) in arr” :key=”index”>
6. 自定义键盘指令
  之前:Vue.directive(‘on’).keyCodes.ctrl=17;

  现在: Vue.config.keyCodes.ctrl=17
7. 过滤器
之前:
  系统就自带很多过滤
  {{msg | currency}}
  {{msg | json}}
  ….
  limitBy
  filterBy
  …..
一些简单功能,自己通过js实现

到了2.0, 内置过滤器,全部删除了
  之前需要json过滤器转的,现在不需要了,默认已经转了

lodash 工具库 _.debounce(fn,200)

自定义过滤器——还有
但是,自定义过滤器传参

之前: {{msg | toDou ’12’ ‘5’}}
现在: {{msg | toDou(’12’,’5′)}}

——————————————————
组件通信:
vm.$emit()
vm.$on();

父组件和子组件:

子组件想要拿到父组件数据:
通过 props

之前,子组件可以更改父组件信息,可以是同步 sync
现在,不允许直接给父级的数据,做赋值操作

问题,就想更改:
a). 父组件每次传一个对象给子组件, 对象之间引用 √
b). 只是不报错, mounted中转
——————————————————
可以单一事件管理组件通信: vuex
var Event=new Vue();

Event.$emit(事件名称, 数据)

Event.$on(事件名称,function(data){
//data
}.bind(this));
——————————————————
debounce 废弃
-> lodash
_.debounce(fn,时间)
——————————————————

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,488
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,903
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,736
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,488
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:8,127
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:5,289