vue基础3.0

1 directives指令

1.1自定义指令,访问到dom节点

directive:{

"focus":{

mounted(el.binding){

//el当前指令所在的DOM

//binding指令相关信息

//binding.valuez指令的值

}}}


1.2钩子函数

mounted挂载

beforeMount:父组件挂载前

2 组件 component

2.1意义:

复杂项目拆分简单的组件

让团队开发更高效

组件是可以重复使用的模块

2.2理解:

组件其实就是个小的vue,具data,menthods,watch,computed

2.3组件的定义

const steper= {template:`<span>...</span>`}

2.4组件注册

components:{steper}

2.4组件的使用

<steper></steper>



3.动画 <transtion>

进入过程,离开整个过程

.slide-leave-active,

.slide-enter-active{

transition:all ease 1s;

}

 进入开始 

.slide-enter-from{

opacity: 1;

transform: translate(0,-80px);

}

 进入离开 

.slide-enter-to{

opacity: 1;

transform: translate(0,0);

}

 离开开始 

.slide-leave-from{

opacity: 1;

transform: translate(0,0);

}

离开结束 

.slide-leave-to{

opacity: 0;

transform: translate(-100%,0);

}

离开过程 

.slide-leave-active{

position: absolute;

}



4.cmd

1.win+r  打开运行

2.输入cmd  打开命令窗口

3.切换盘符d:/f:

4.切换目录  cd  目录地址

5.创建目录  md  目录地址

6.删除目录  rd  目录地址

7.rd/s/q静默删除目录与目录内容

8.∨/根目录    ./当前目录   ../上一层目录   help查看命令

9.∧上一个命令   ∨下一个命令

10.ipconfig查看ip  ping主机、ip查看别的主机与ip的联通状态

11.cls清屏   calc打开计算器   ctrl+c结束当前运行命令

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ### 什么是Vue.js + Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(Reac...
    JLong阅读 4,811评论 0 0
  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 9,052评论 0 6
  • _________________________________________________________...
    fastwe阅读 5,214评论 0 0
  • 一、初始Vue-Cli 1. 安装 npm install -g @vue/cli # OR yarn globa...
    野鸽儿阅读 3,502评论 0 0
  • 1.vue的新建: (1)在head添加 来添加vue库。 (2)在下边的body中再添加 var vm =vu...
    d48864d6c1b5阅读 2,271评论 0 0