type
status
date
slug
summary
tags
category
icon
password
创建项目
vue create 项目名
脚手架文件结构
template模板
里面只能有一个根元素
样式隔离
scoped
声明
lang
路由
后端路由
普通网站来说，每一个Url都对应不同的静态资源
前端路由
对于单页面应用程序来说，通过切换hash(#)；来实现页面之间的切换
路由跳转
<router-link to=’跳转的地址’></router-link>
品牌管理案例
键盘修饰符
@keyup.键值或者键码=’事件名’
别名
Vue.config.keyCodes = {
'别名': 键码
};
过滤器
应用：
插值表达式{{}}
v-bind表达式
使用
用管道符|连接
全局过滤器
声明在main.js里
Vue.filter(’过滤器名字’,回调函数(data:管道符前面的数据,format:传递过来的数据))
私有过滤器
声明在data和methods平级
filters:{
过滤器名字(data:管道符前面的数据,format:传递过来的数据){
return 过滤后的数据
}
}
自定义指令
使用时
v-自定义指令名
全局自定义指令
声明在main.js里
Vue.directive(自定义指令名，{
bind(el:绑定的dom元素,binding:信息){
//只会调用一次，在元素绑定时
},
inserted(){
//当元素渲染到页面时执行
},
update(){
//当页面更新时执行
}
})
私有自定义指令
声明在data和methods平级
directives:{
自定义指令名(el:绑定的dom元素,binding:信息){
//相当于bind
},
自定义指令名:{
//三个函数
}
}
- 作者:昕昕丶未来不是梦
- 链接:https://pisce.buzz/article/web_vue2_02
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。