Vue.js
flyyy菜鸟
应届生、、菜鸟
展开
-
Vue PC端框架和Vue移动端UI框架
在学习Vue的过程之中,我发现不管是 BAT 大厂,还是创业公司,Vue 都有着广泛的应用,而且框架层出不穷,学习文档也越来越多,Vue也越来越受欢迎。下面是我整理的 Vue PC端和移动端的UI框架,建议收藏,方便以后学习的时候拿出来查看。Vue PC端框架1. Element中文文档:htt...转载 2020-09-12 15:00:11 · 490 阅读 · 0 评论 -
vant+vee-validate校验的基本使用
main.js//导入:import VeeValidate,{Validator} from 'vee-validate';//方言包import zh_CN from "vee-validate/dist/locale/zh_CN.js";Vue.use(VeeValidate,{ event:"blur"});//events为空//Vue.use(VeeValidate, {// events: "" // 禁用校验事件//});//使用方言包Validato.原创 2020-08-08 10:20:24 · 1748 阅读 · 0 评论 -
实现路由懒加载的两种方式import,resolve
//方式一:使用import{ path:'/home', name:'home', component:() => import('./views/home.vue')}//方式二:{ path:'/home', name:'home', component:resolve => require(['./views/home.vue'],resolve)}原创 2020-07-12 22:17:17 · 1211 阅读 · 0 评论 -
vue.config.js的常用配置
配置参考链接vue.config.js配置//vue.config.jsmodule.exports = { devServer:{ host:'localhost', //主机 port:8080, //端口 proxy:{ //代理,在开发环境下将 API 请求代理到 API 服务器 '/api':{ target:'http://localhost:3000', //比如请求/api/users,代理到http://localhost:3000/api/us.原创 2020-07-12 22:06:21 · 245 阅读 · 0 评论 -
element-ui中的upload上传的基本使用
action:图片上传的地址注意:我们一般设置的基地址是axios的基地址,要通过axios发请求才会添加上基地址,这里上传用的不是axios,所以路径不能简写headers:请求头,因为一般是在axios请求拦截里添加了请求头,加了token,所以这里上传需要手动加tokenname:上传的参数名,默认是file,要跟接口要求的一致<el-upload class="avatar-uploader" action="https://jsonplaceholder.typicod.原创 2020-06-26 11:30:00 · 741 阅读 · 0 评论 -
json-bigint处理大数字问题
js里面的整数有安全范围,即最大能显示的范围,超过了这个范围可能会精度丢失Number.MAX_SAFE_INTEGER //值为9007199254740991json-bigint:可以像JSON.parse一样方便转换用法://导入import JSONbig from 'json-bigint'//可以通过axios的transformResponse方法,这个方法的作用是在传递给then/catch前,允许修改响应数据//axios在这里默认把响应体从json字符串转.原创 2020-06-09 12:15:19 · 6030 阅读 · 1 评论 -
axios请求拦截、响应拦截,router导航守卫
axios请求拦截:可以在请求头统一添加token等axios.interceptors.request.use( function (config) { //从vuex中获取用户信息 let user = store.state.userForm; if (user) config.headers.Authorization = `Bearer ${user.token}`; return config; }, function (error) { ret原创 2020-06-08 18:07:37 · 552 阅读 · 0 评论 -
vue 过滤器filters
对文本进行处理:使用过滤器//局部过滤器 <template> <div class="son"> <input type="text" v-model="msg"> {{ msg | formatName }} </div> </template> <script> export default { data() { return { msg:'' } }, filters原创 2020-06-08 16:57:48 · 237 阅读 · 1 评论 -
使用router-link时,设置链接激活时使用的类名,默认是router-link-active
1. 设置链接激活时默认类名 router-link-active 的样式,详细例子如下:<template> <div class = "tab"> <div class = "tab-item"> <router-link to="/home">首页</router-link> </div> <div class = "tab-item"> <router-link to="/detai原创 2020-05-14 22:43:33 · 1605 阅读 · 0 评论 -
vuex:组件中操作state,mutations,actions的方式(vuex的使用方法)
vuex是一个数据管理仓库官网的图如下:在组件中操作state,mutations,actions的方式示例如下:+ store文件的部分代码为:export default new Vuex.Store({ state:{ num:0, name:'aa' }, //同步 mutations:{ setNum(state){ state.num++; } ...原创 2020-04-15 20:39:11 · 1649 阅读 · 0 评论 -
面试题:MVVM和MVC区别
MVVMMVVM:Model-View-ViewModel(模型-视图-视图模型),双向数据绑定,即数据驱动视图,当数据改变时,视图更新,当视图的数据改变时,model也会改变,只要关注业务逻辑,不用手动操作DOMVue2.0双向数据绑定实现原理:Object.definePropertyVue3.0双向数据绑定实现原理:new ProxyMVCMVC:Model-View-Con...原创 2020-04-15 13:42:18 · 1332 阅读 · 0 评论 -
vue组件传值的方式及示例
父组件给子组件传值父组件在子组件的标签里写行内属性<son :msg="myMsg" test="hello"></son> <!--不加冒号传的是该字符串,加冒号是表达式-->子组件通过 props 接收,有几个值代表父组件传几个参数props:['msg','test']子组件给父组件传值子组件用$emit传this.$...原创 2020-03-10 20:57:40 · 192 阅读 · 0 评论 -
vue-cli 3.0在创建项目时无法选择配置的问题
使用vue create创建项目上下箭头无法切换选择Manually select features解决:通过winpty vue.cmd create wap这个命令创建项目使用powershell原创 2020-03-08 12:13:38 · 2097 阅读 · 0 评论 -
vue的几种插槽及具体用法
插槽基本用法:组件son里所有的slot都会被替换<!--son--><div> <slot></slot></div><!--father--><son> 替换slot</son>具名插槽(通过slot的name属性)<!--son--><div&g...原创 2020-02-04 12:41:08 · 777 阅读 · 1 评论