vue
关注
分享
扫一扫
小章鱼爱吃丸子
这个作者很懒，什么都没留下…
展开
-
vue2.x+koa2实战电商（四）
首页布局和路由设置user-scalable设置先补一个上节课忘记加入的属性，在作移动端页面适配时，一般我们不希望用户自己缩放页面大小，我们可以在index.html的meta标签进行设置，加入user-scalable=no。然后把src/router/index.js 改为：import Vue from 'vue'import Router from 'vue-rou...原创 2019-05-12 16:28:35 · 244 阅读 · 0 评论 -
vue2.x+koa2实战电商（二）
今天学习如何优雅的使用vantVant简介vant是有赞前端团队提供的Vue组件库。它的有点有以下5个：国人制造，复合中国网站样式和交互习惯； 单元测试超过90%，有些个人的小样式组件是不作单元测试的； 支持babel-plugin-import引入，按需加载插件，无需单独引入样式； 支持TypeScript，这个是2018年前端最应该学的技术； 支持SSR，服务端渲染也是可以...原创 2019-05-11 20:39:27 · 355 阅读 · 0 评论 -
vue2.x+koa2实战电商（一）
涉及的技术栈包括：Vue+Router+Vant+Node+Koa2+Mongoose+MongoDB是根据技术胖的视频学习的使用vue-cli生成项目目录 使用vue-cli非常方便快速，它可以为我们生成基本的Vue的项目结构。检测npm版本，在终端输入 npm -v,尽量使用5.x以上版本。 全局安装vue-cli，在终端里输入，npm install vue-cli -g...原创 2019-05-11 20:20:01 · 613 阅读 · 0 评论 -
vue-cli
最近很长时间没有写CSDN了，因为最近一直忙着写材料，写的手都起了水泡了，最近好不容易闲下来一点，就把之前做的东西放上来，算是给自己交的一个作业吧...都是根据jspang的视频一边学习一边做的: https://jspang.com/快餐店收银系统：https://github.com/wangyachao23/vuePostvuecli学习:https://g...原创 2019-05-06 10:26:17 · 87 阅读 · 0 评论 -
Vue-cli学习（1）
前面学完了Vue2.0的基础部分，今天开始学习稍微复杂一点的进阶部分首先确定安装了npm,可以在cmd里面用 npm -v 来查看，如果安装了就会出现版本号，然后安装 vue-cli,使用命令: cnpm install vue-cli -g 进行安装 -g代表全局安装，cnpm就是淘宝镜像，速度会快一点安装好了之后可以使用命令： vue -V 查看版本，注意是大写V...原创 2019-04-17 21:14:47 · 184 阅读 · 0 评论 -
Vue2.0基础学习
前两天一直在上党课，写党材，没有时间写博客，最近把Vue2.0的基础部分全部学完了，每个部分都写了具体的实例，代码放到了Github上，里面已经把注释写的很清楚了，就不再重复了，地址：https://github.com/wangyachao23/Vue2.0-如果想看具体如何实现的话，可以看技术胖的视频，非常轻松愉快的学习体验https://jspang.com/接下来就要学习进...原创 2019-04-16 22:08:00 · 100 阅读 · 0 评论 -
vue表单与v-model
这个是数据绑定的显示效果代码为：<div id="app" v-cloak><input type="text" @input="handleInput" placeholder="请输入..."><p>请输入文字:{{message}}</p></div><script>var app=...原创 2019-04-08 19:24:27 · 201 阅读 · 0 评论 -
Vue实战：利用计算属性、指令等知识开发购物车
这是效果截图代码已经放到GitHub上，地址为：https://github.com/wangyachao23/Vue-shopcarhtml:<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 购物车</title><...原创 2019-04-07 17:48:21 · 384 阅读 · 0 评论 -
vue学习之简单计数器（方法与事件学习）
这是简单的效果截图，没有加任何css代码修饰实现代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2019-04-07 15:18:24 · 528 阅读 · 0 评论 -
vue安装（1）
NPM方法 在用Vue.js构建大型应用的时候推荐使用NPM安装方法，NPM能很好的和诸如Webpack或者Browserify模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件。 首先，先列出我们接下来需要的东西：node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像 1） 安...转载 2019-04-01 21:05:22 · 179 阅读 · 0 评论 -
vue安装之webpack不存在问题
好不容易安装好了vue，结果创建了一个项目时确出现了一个叫 “webpack不存在...”这个问题，可是我明明安装了呀，崩溃！！！折腾了将近一天终于把这个问题解决了，下面是我的解决方法，希望对同样有这个问题的你有帮助...安装node和cnpm的方法我就不重复了，我上一篇博客就是讲的如何安装那么解决webpack问题，首先在命令行敲入 cnpm install webpack...原创 2019-04-01 21:01:22 · 1182 阅读 · 0 评论 -
Vue的双向数据绑定原理是什么
之前面试题有一个这个关于双向绑定的问题，当时没有回答上来，后来搜索了解了一下，做个记录吧vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 具体实现步骤，感兴趣的可以看看: 当把一个普通 Javascript 对象传给 Vue ...原创 2019-09-01 16:54:58 · 259 阅读 · 0 评论