wb.ouyang

毕竟几人真得鹿,不知终日梦为鱼

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

随笔分类 -  vue

vxe-table: 一个基于 vue 的 PC 端表格组件
摘要:vxe-table gitee: https://gitee.com/xuliangzhan_admin/vxe-table?utm_source=alading&utm_campaign=repo https://xuliangzhan_admin.gitee.io/vxe-table/#/ 一个 阅读全文

posted @ 2021-03-08 14:13 wenbin_ouyang 阅读(533) 评论(0) 推荐(0) 编辑

状态管理-vuex
摘要:1、使用vuex 2、使用【$store.state.变量】获取vuex的数据;使用mutations来操作state中的数据【this.$store.commit('方法名', 参数)】 3、使用getters包装数据并总结vuex的使用方式 阅读全文

posted @ 2019-07-29 22:50 wenbin_ouyang 阅读(176) 评论(0) 推荐(0) 编辑

结合webpack实现children子路由,抽离路由模块
摘要:demo结构 package.json、webpack.config.js、index.html与上一篇博客相同。 main.js router.js App.vue account.vue 阅读全文

posted @ 2019-07-27 14:04 wenbin_ouyang 阅读(416) 评论(0) 推荐(0) 编辑

结合webpack使用vue-router
摘要:demo结构 webpack.config.js package.json main.js index.html App.vue 阅读全文

posted @ 2019-07-27 13:34 wenbin_ouyang 阅读(379) 评论(0) 推荐(0) 编辑

export default 和 export 的使用方式
摘要:1、ES6规定,导入模块使用 import 模块名称 from '模块标识符'; 或 import 'css资源路径'; ES6中,使用export default {name:'zs'}和export向外暴露成员。 在Node中,使用 var 名称 = require('模块标识符');来导入模块 阅读全文

posted @ 2019-07-25 23:08 wenbin_ouyang 阅读(1052) 评论(0) 推荐(0) 编辑

在vue中结合render函数渲染指定的组件到容器中
摘要:1、demo 项目结构: index.html main.js register.vue package.json webpack.config.js 2、遇到的问题 2.1、webpack版本是3.6.0,与css-loader不兼容 2.2、下载安装vue-loader以后,报错缺少相关插件 i 阅读全文

posted @ 2019-07-25 23:02 wenbin_ouyang 阅读(3456) 评论(0) 推荐(0) 编辑

webpack中如何使用vue
摘要:1、webpack + vue 项目结构: index.html common.css main.js webpack.config.js 执行webpack命令,报错:[Vue warn]: Cannot find element: #app 原因:index.html中导入bundle.js在< 阅读全文

posted @ 2019-07-25 22:06 wenbin_ouyang 阅读(819) 评论(0) 推荐(1) 编辑

webpack--第三方loader
摘要:1、配置处理css样式表的第三方loader webpack默认只能打包处理js类型的文件,无法处理非js类型的文件;要想处理*.css文件,需要手动安装一下合适的第三方loader加载器: 修改webpack.config.js 然后,可以在main.js导入.css文件,main.js内容: c 阅读全文

posted @ 2019-07-24 22:50 wenbin_ouyang 阅读(231) 评论(0) 推荐(0) 编辑

webpack-第一个demo
摘要:1、webpack概念 webpack是前端的一个项目构建工具,它是基于node.js开发出来的一个前端工具;借助webpack这个前端自动化构建工具,可以完美实现资源的合并、打包、压缩、混淆等诸多功能。 webpack官网:https://webpack.js.org github地址:http: 阅读全文

posted @ 2019-07-23 00:01 wenbin_ouyang 阅读(365) 评论(0) 推荐(0) 编辑

安装npm install时,长时间停留在fetchMetadata: sill
摘要:更换仓库地址:npm config set registry https://registry.npm.taobao.org 查询当前仓库地址:npm config get registry 或 npm info express 阅读全文

posted @ 2019-07-22 22:54 wenbin_ouyang 阅读(4238) 评论(0) 推荐(0) 编辑

vue学习-day05 -- 案例:名字合并(监听data数据的改变)
摘要:1.案例:名字合并(监听data数据的改变) 使用keyup事件监听data数据的改变 使用watch监听data数据的改变 2.watch-监视路由地址的改变 3.computed-计算属性的使用和3个特点 阅读全文

posted @ 2019-07-20 23:03 wenbin_ouyang 阅读(331) 评论(0) 推荐(0) 编辑

vue学习-day04(路由)
摘要:目录: 1.组件传值-父组件向子组件传值和data与props的区别 2.组件传值-子组件通过事件调用向父组件传值 3.案例:发表评论。使用ref获取DOM元素和组件引用 4.路由-前端路由和后端路由的概念 5.路由-vue-router的基本使用 6.路由-路由redirect重定向的使用 7.路 阅读全文

posted @ 2019-07-16 00:31 wenbin_ouyang 阅读(299) 评论(0) 推荐(0) 编辑

vue学习-day03(动画,组件)
摘要:目录: 1.品牌列表-从数据库获取列表 2.品牌列表-完成添加功能 3.品牌列表-完成删除功能 4.品牌列表-全局配置数据接口的根域名 5.品牌列表-全局配置emulateJSON选项 6.动画-使用过渡类名实现动画 7.动画-自定义v-前缀 8.动画-使用第三方animate.css类库实现动画 阅读全文

posted @ 2019-07-14 14:12 wenbin_ouyang 阅读(259) 评论(0) 推荐(0) 编辑

vue学习-day02(自定义指令,生命周期)
摘要:目录: 1、案例:品牌管理 2、Vue-devtools的两种安装方式 3、过滤器,自定义全局或私有过滤器 4、鼠标按键事件的修饰符 5、自定义全局指令:让文本框获取焦点 6、自定义指令,修改元素的样式 7、自定义指令函数的简写 8、生命周期函数-组件创建期间的4个钩子函数 9、生命周期函数-组件运 阅读全文

posted @ 2019-07-13 12:11 wenbin_ouyang 阅读(333) 评论(0) 推荐(0) 编辑

vue学习-day01(vue指令)
摘要:目录: 1、什么是vue.js 2、为什么要学习前端的流行框架 3、框架和库的区别 4、后端MVC和前端的MVVM的区别 5、vue.js的基本代码--hollo world代码 6、v-cloak、v-text、v-html指令的基本使用 7、v-bind指令 8、使用v-on指令定义Vue中的事 阅读全文

posted @ 2019-07-10 00:21 wenbin_ouyang 阅读(210) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示