随笔分类 -  Vue.js

VUE.JS
摘要:1.效果演示 2.相关代码 阅读全文
posted @ 2018-12-23 23:09 城南少年与猫 阅读(5079) 评论(1) 推荐(0)
摘要:在Vue的webpack中结合runder函数 1.引入: 2.main.js 3.拉取相关的loader 4.在webpack.config.js中加入 阅读全文
posted @ 2018-11-12 22:46 城南少年与猫 阅读(412) 评论(0) 推荐(0)
摘要:在webpack中配置vue.js 这里有两种在webpack中配置vue.js的方法,如下: 1.在main.js中引入vue的包: index.html: main.js: 2.在main.js中引入vue的包使用优雅的 方式导入 main.js: 这里需要修改下相应的webpack.confi 阅读全文
posted @ 2018-11-12 21:31 城南少年与猫 阅读(578) 评论(0) 推荐(0)
摘要:webpack处理url资源的配置 1.安装 2.修改webpack.config.js 3.index.css 阅读全文
posted @ 2018-11-11 11:50 城南少年与猫 阅读(1598) 评论(0) 推荐(0)
摘要:使用webpack打包js文件(隔行变色案例) 1.webpack安装的两种方式 1. 运行 全局安装webpack,这样就能在全局使用webpack的命令 2. 在项目根目录中运行 安装到项目依赖中 2.初步使用webpack打包构建列表隔行变色案例 项目结构: 1. 运行 初始化项目,使用npm 阅读全文
posted @ 2018-11-10 14:42 城南少年与猫 阅读(2555) 评论(0) 推荐(1)
摘要:使用webpack打包js文件(隔行变色案例) 1.webpack安装的两种方式 1. 运行 全局安装webpack,这样就能在全局使用webpack的命令 2. 在项目根目录中运行 安装到项目依赖中 2.初步使用webpack打包构建列表隔行变色案例 项目结构: 1. 运行 初始化项目,使用npm 阅读全文
posted @ 2018-11-08 21:06 城南少年与猫 阅读(614) 评论(0) 推荐(0)
摘要:Vue的Computed的使用 相关Html: 阅读全文
posted @ 2018-11-06 21:58 城南少年与猫 阅读(8438) 评论(0) 推荐(1)
摘要:Vue的watch监听事件 相关Html: 阅读全文
posted @ 2018-11-06 21:18 城南少年与猫 阅读(19075) 评论(0) 推荐(2)
摘要:Vue路由 命名视图实现经典布局 相关Html: 阅读全文
posted @ 2018-11-05 22:42 城南少年与猫 阅读(932) 评论(0) 推荐(0)
摘要:Vue中使用children实现路由的嵌套 相关Html: 阅读全文
posted @ 2018-11-05 22:29 城南少年与猫 阅读(10908) 评论(0) 推荐(0)
摘要:Vue中router两种传参方式 1.Vue中router使用query传参 相关Html: 2Vue中router使用params传参 相关Html: 阅读全文
posted @ 2018-11-05 21:33 城南少年与猫 阅读(1157) 评论(0) 推荐(0)
摘要:Vue路由router link的使用 相关Html: 阅读全文
posted @ 2018-11-05 20:52 城南少年与猫 阅读(2400) 评论(0) 推荐(0)
摘要:Vue router的基本使用 相关Html: 阅读全文
posted @ 2018-11-04 22:40 城南少年与猫 阅读(293) 评论(0) 推荐(0)
摘要:Vue把父组件的方法传递给子组件调用(评论列表例子) 效果展示: 相关Html: 阅读全文
posted @ 2018-11-03 23:16 城南少年与猫 阅读(455) 评论(0) 推荐(0)
摘要:Vue中子组件调用父组件的方法 相关Html: 阅读全文
posted @ 2018-11-03 16:59 城南少年与猫 阅读(1871) 评论(0) 推荐(0)
摘要:Vue中父组件向子组件传值 相关Html: 阅读全文
posted @ 2018-11-03 15:07 城南少年与猫 阅读(322) 评论(0) 推荐(0)
摘要:Vue的实时时间转换Demo time.html: index.js time.js javascript var time= { //获取当前时间戳 getUnix: function () { var data = new Date(); return data.getTime(); }, // 阅读全文
posted @ 2018-10-30 21:51 城南少年与猫 阅读(759) 评论(0) 推荐(0)
摘要:使用vue模拟购物车小球动画 1.效果演示 2.相关代码 阅读全文
posted @ 2018-10-29 21:50 城南少年与猫 阅读(1004) 评论(0) 推荐(0)
摘要:Vue使用过渡类名实现动画和自定义前缀 1.效果演示 2.相关代码 自定义前缀.my enter active 1.效果演示: 2.相关代码 阅读全文
posted @ 2018-10-28 21:11 城南少年与猫 阅读(868) 评论(0) 推荐(0)