
vue
站好我去买橘子
这个作者很懒,什么都没留下…
展开
-
vue添加粒子特效
vue背景添加粒子特效npm install vue-particles --save-dev main.js引入使用一下import VueParticles from 'vue-particles'Vue.use(VueParticles)<template> <div id="app"> <vue-particles ...原创 2019-11-06 14:59:09 · 1413 阅读 · 0 评论 -
vue-总结07.2-高级-全家桶-router-路由传参-路由接参-编程式导航-导航守卫
路由传参路由传参的方式有两种to属性和单项数据绑定来完成编程式导航to属性和单项数据绑定来完成路由传参在路由的路由配置表里给需要路由传参的组件加上name属性path后面加上 /:key 这里的key是 router-linke里to属性里params里的key在to属性里加上query 这里是携带参数图示 说params可以不加 最好加上, 以下 路由model为...原创 2019-10-14 15:08:03 · 200 阅读 · 0 评论 -
vue-总结08-高级-全家桶-vuex
vuexvuex是管理vue里集中式管理数据(一处修改,多处使用)的仓库,一般用于中大型项目的开发,当你不确定是否使用vuex的时候就不要使用了。学习阶段必须要用公司用不用看是否有要求1.什么是状态 我们使用一条数据去管理一个视图,那么这个数据我们就称之为 ‘状态’2.vuex是做什么的? 管理数据的 Vuex是一个集中式的存储管理中心,vuex中可以用来存储 数据( 状态 )...原创 2019-10-13 21:26:17 · 103 阅读 · 0 评论 -
vue-处理前端带有文件的表单提交
vue向后端发送文件前端带有文件的表单提交时,普通的ajax是不支持二进制的(图片,视频),得用专门处理二进制的js文件来提交用jquery的$.ajax提交 在index.html里引入jquery的cdn给form表单加上 enctype="multipart/form-data 属性在函数里加上$.ajax({ url: 'http://localhost:3000/u...原创 2019-10-13 18:23:26 · 2032 阅读 · 0 评论 -
vue-学习一个文档-vue中的动态效果
学习一个资源首先要找到官方文档下载资源找快速上手教程实现教程库的案例学习塔的配置项和api找实例演示,然后复制实例演示力度东西...原创 2019-10-11 11:18:12 · 136 阅读 · 0 评论 -
vue-使用富文本编辑器-vue-quill-edit
原文链接https://www.cnblogs.com/LChenglong/p/9518531.html一、安装 cnpm install vue-quill-editor二、引入在main.js引入并注册:import VueQuillEditor from 'vue-quill-editor'// require styles 引入样式import 'quill/dis...原创 2019-10-10 20:40:49 · 461 阅读 · 0 评论 -
vue-总结09-高级-路径别名
路径别名利用 VueCli 中的 chainWebpack来打造路径别名原创 2019-10-09 21:41:15 · 104 阅读 · 0 评论 -
vue-总结07.1-高级-全家桶-router-重定向-错误路由匹配-二级路由-反向代理-项目中的数据请求
路由重定向路由重定向后,页面会自动跳转到路由的指定页面,加在最前面错误路由匹配二级路由设置命名路由是为了待会使用的时候,使书写更简洁使用子路由反向代理解决跨域Vue cli3 webpack配置放在node_modules中,也就是说我们不嗯呢该直接更改,Vue提供了一个叫做vue.config.js的稳健,来作为webpack覆盖配置文件,也可以说是vue项目的配置...原创 2019-10-08 21:05:39 · 1022 阅读 · 0 评论 -
vue-总结07-高级-全家桶-router-基础-引入组件库-过滤器
SPA ( single page App ) 单页面应用多页面应用 有多个html文件,通过a标签的连接联通各个页面缺点-开发起来太冗余,编译、压缩很耗时间-页面之间的跳转速度太慢,这个时候就会出现一个严重的问题,白屏单页面应用-不需要刷新页面,因为它就是一个页面-这个页面内容在切换-单页面内容之间的切换要想实现我们就是用路由了-如今我们的app、后台管理系统 主要的开发形式...原创 2019-10-06 10:49:56 · 207 阅读 · 0 评论 -
vue-总结05-高级-生命周期
vue生命周期为什么会有生命周期?vue为了在一个组件的从创建到销毁的一系列过程中添加一些功能,方便我们更好的去控制组件vue的生命周期分为3个阶段,11个钩子函数 1.beforeCreate 2.create 3. 4. 5. 6. 7. 8. 9. 10. 11....原创 2019-09-27 19:43:42 · 181 阅读 · 0 评论 -
vue-总结06-脚手架的使用
cli如何使用?cli的安装 【 推荐使用yarn 】-yarn 安装和配置 1.安装: $ npm i yarn -g 2.配置国内镜像源: $ yarn config set registry https://registry.npm.taobao.org-yarn命令 1.yarn init 生成package 文件 2.yarn a...原创 2019-09-26 22:38:36 · 119 阅读 · 0 评论 -
vue-总结4-高级-组件嵌套-组件data选项-组件通信
组件中的data选项组件是一个独立的个体,那么它应该拥有属于它自己的数据 1. 组件的数据是要有独立作用域的,不容易被外界干扰 2. 除了根实例以外,组件的data选项都是一个函数 3. 为什么data选项要返回一个对象? 4. 因为Vue深入响应式原理要求是对一个对象进行getter和setter设置 5. 组件的数据在组件的模板中相当于全局变量Vue.com...原创 2019-09-25 20:29:27 · 478 阅读 · 0 评论 -
vue-总结3-混入-高级-组件(扩展)
混入(了解一下)局部混入 new Vue({ el: '#app', mixins: [ obj ]//把这边的obj分离到另外一个js文件定义,然通过script引入符合模块化的思想 })全局混入//直接挂在vue上,通过Vue.mixin定义是全局混入Vue.mixin({ methods:{ aa(){ alert(1) ...原创 2019-09-24 22:08:55 · 758 阅读 · 0 评论 -
vue-总结2-计算属性-侦听属性
计算属性<div id="app"> <p> 没有反向: {{ info }} </p> <p> {{ info.split('').reverse().join('') }} </p> <p> 反向字符: {{ reserseInfo }} </p> &l...原创 2019-09-24 11:13:44 · 130 阅读 · 0 评论 -
vue-数据请求
vue中的数据请求封装库 1. vue-resource【vue1.0】 2. axios【vue2.0】原生 1. fetchaxios可以用script引入cdn引入cdn后会有一个axios对象,和装插件 详情查看axios apiaxios 是XMLHttprequest对象axios 底层是Node.js的http模块axios 也是Promi...原创 2019-09-23 20:45:44 · 160 阅读 · 0 评论