![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 96
MajorMe
管他熙熙攘攘阳关道,我偏要一条独木桥走到黑!
展开
-
vue开发移动端&打包(有点凌乱,未完待续。。。)
Android移动APP项目创建&打包原创 2022-11-15 01:16:49 · 647 阅读 · 0 评论 -
Vue3 + vite + Ts + pinia + 实战 +electron(学习ing,笔记未完待续......)
vue3学习原创 2022-11-04 16:18:31 · 2769 阅读 · 4 评论 -
vue路径优化
vue路径优化在webpack.base.conf.js中配置:resolve: { extensions: ['.js', '.vue', '.json'], // import文件的时候可以省略后缀名 alias: { '@': resolve('src'), '@pages': path.join(__dirname, "..", "src", "pages"), "@components": path.join(__dirname, "..", "src", "comp原创 2020-07-08 17:52:38 · 230 阅读 · 0 评论 -
vue组件的data必须是一个函数,并且返回对象
代码<!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="description"...原创 2019-09-11 17:28:35 · 381 阅读 · 0 评论 -
ivew框架的Select组件反显效果实现
ivew框架的Select组件反显效果实现可反显条件:1、 数组和绑定值初始不为空,即selectName和nameList初始不为空2、 并且绑定的初始值和数组某个对象里的属性(与:value绑定的属性)相等,则反显对应的值(ps: 其中Select标签中的v-model的值与Option标签中的:value对应)代码 <div class="selectBox">...原创 2019-09-10 11:01:52 · 796 阅读 · 0 评论 -
vue的JavaScript 钩子:模拟加入购物车动画小demo(半场动画)
Vue官方文档参考详情代码:<!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> ...原创 2019-08-22 16:40:34 · 283 阅读 · 0 评论 -
vue之css过渡<transition></transition>
代码:<!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta...原创 2019-08-22 15:32:54 · 354 阅读 · 1 评论 -
transition-group
transition-group的使用代码:<!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title&...原创 2019-08-25 18:06:39 · 2691 阅读 · 0 评论 -
vue自定义指令
vue自定义指令1、全局定义// 自定义全局指令 v-focus,为绑定的元素自动获取焦点: Vue.directive('focus', { inserted: function (el) { // inserted 表示被绑定元素插入父节点时调用 el.focus(); } }); // 自定义局部指令 v-c...原创 2019-08-20 17:44:30 · 120 阅读 · 0 评论 -
vue-resource的Vue.http.options的相关全局配置
vue-resource的接口根域名全局配置 // 配置前 this.$http.get('http://localhost:3000/list').then(function (res) { this.list = res.data; }) // 全局配置 Vue.http.options.root = 'http://loc...原创 2019-08-20 17:12:03 · 1832 阅读 · 0 评论 -
json-server搭建虚拟后台服务器
最近从头学习vue,学到vue-resource 实现 get, post, jsonp请求部分(后面会整理出来),需要虚拟服务器来模拟前后台联调数据,于是才了解到json-server这一工具,下面是最基本的获取数据操作(增删改操作后面会完善)一、安装工具json-server(这里我用全局安装)使用npm安装(前提是安装了node和npm)npm install -g json-...原创 2019-08-19 19:02:54 · 761 阅读 · 0 评论 -
vue全局过滤器的基本使用
<!DOCTYPE html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta na...原创 2019-08-13 21:39:13 · 92 阅读 · 0 评论 -
vue调试工具vue-devtools的安装
vue调试工具vue-devtools的安装地址:https://github.com/vuejs/vue-devtools1、火狐浏览器直接下载对应浏览器的插件,添加插件即可2、谷歌浏览器:(1)下载git clone https://github.com/vuejs/vue-devtools (我在我本地的E盘中Git bash here)(2)进入文件夹 cd vue-devto...原创 2019-07-29 16:18:23 · 139 阅读 · 0 评论