![](https://img-blog.csdnimg.cn/20200227225409545.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue
唯美清泠
这个作者很懒,什么都没留下…
展开
-
第8章 实战项目
第8章 实战项目 通过前面的学习,相信大家已经对Vue.js有了一个非常全面的了解。 下面通过一个真实的项目来完成Vue.js实战。 假设我们在一家互联网电子商务公司就职,该公司的业务是帮助大山里的穷苦农民,把自家的农产品卖到城市。 需要解决的问题有以下三个: (1)让农民把大山里的东西卖掉。 (2)让都市中的人享受到纯原生态的绿色食品,并且享受更低的价格。 (3)去掉中间商。保证农民的收入更多,消费者消费的价格更低。 通过这样的公益项目,公司也可以解决自身的生存问题。 8.1 准备1:文原创 2020-11-13 23:29:47 · 2496 阅读 · 0 评论 -
第7章 实战周边及相关工具
第7章 实战周边及相关工具 本章的几个问题都曾经耗费笔者几天到几周的时间,这里一并列举出来。前人踩坑,后人绕路,希望我们的经验对读者有用。 7.1 微信支付 微信支付,按照微信的官方文档来看并不算难,特别是“传统的Web项目”。但是对于SPA(单页应用)来说就很“坑”了,几乎没有解释。 1. 优先使用iOS调试 微信支付有一个选项是可以打印支付过程中的调试信息的。但是我们在使用过程中发现,Android的微信支付错误是不可读的。也就是说,开启debug选项是不可用的。而对于苹果设备就支持的很好。所原创 2020-11-13 23:28:14 · 185 阅读 · 0 评论 -
第6章 进阶必会知识
第6章 进阶知识 虽然是进阶知识,但也是必学内容。 6.1 js的作用域与this 无论是JavaScript还是emscript,变量的作用域都属于高级知识。我们想考查一个js程序员的水平如何,可以直接用作用域进行提问。 6.1.1 作用域 无论是JavaScript还是emscript,对于作用域的使用基本相同,后者更加严密一些。 1. 全局变量可以直接引用 //全局变量 a:var a = 1;function one() { console.info(a)}打印结果是原创 2020-11-13 23:27:15 · 445 阅读 · 0 评论 -
第5章 运维和发布Vue.js项目
第5章 运维和发布Vue.js项目 一般传统公司特别喜欢一个角色用一个人,如在生产流水线上,一个工人只负责拧螺丝,另一个工人只负责喷漆。很多软件公司也是这样,有人专门负责编写代码,有人专门负责运维。但是这样的弊端是:出了问题,程序员接触不到服务器,不知道问题出在哪里,运维可以接触服务器,却看不懂代码,也没有办法解决问题。所以传统公司往往怕出问题,因为解决起来特别慢。 现在,越来越多的人意识到,让程序员懂得运维知识特别重要。最好的运维就是程序员自己。在2011年,国外就开始流行一个词汇:DevOps(De原创 2020-11-13 23:26:23 · 423 阅读 · 0 评论 -
第4章 Webpack+Vue.js实战
第4章 Webpack+Vue.js实战 4.1 创建一个页面 激动人心的时刻到来了,接下来我们需要通过自己动手开始下一步的学习。 请读者务必准备好电脑,只有一边学习一边编写代码,才能真正看到效果,因为调试代码的过程是无法脑补出来的。 在Vue.js中创建页面需要以下两步。 (1)新建路由。 (2)新建vue页面。 4.1.1 新建路由 默认的路由文件是src/router/index.js,将其打开之后,我们增加两行: 上面的代码中: import SayHi fr原创 2020-11-13 18:36:27 · 1185 阅读 · 0 评论 -
第3章 Webpack+Vue.js开发准备
第3章 Webpack+Vue.js开发准备 所有的Vue.js项目都是在Webpack的框架下进行开发的。可以说vue-cli直接把Webpack做了集成。在开发时,一边享受着飞一般的开发速度,一边体验着Webpack带来的便利。 本章将介绍如何使用Webpack+Vue.js进行开发的基本知识。 3.1 学习过程 在学习任何一种框架的时候,都是按照循序渐进的顺序来的。 (1)安装。 (2)新建一个页面。 (3)做一些简单变量的渲染。 (4)实现页面的跳转(路由)。 (5)实现页面间的参原创 2020-11-13 16:26:34 · 286 阅读 · 0 评论 -
第2章 原生的Vue.js
第2章 原生的Vue.js 所谓的原生Vue.js,就是独立的Vue.js框架,不与Webpack等框架结合使用。学习这个比较有必要,因为在后期查看官方文档时,很多概念都是用“原生Vue.js”的形式说明的,脱离了其他框架,说明起来更加简明一些。 虽然我们在做项目时极少会使用原生Vue.js,但是对于未来的学习大有好处。 2.1 极速入门 如果只从体验的角度来看,Vue.js的安装非常简单,只需要引入一个第三方的js包即可。 <script src="https://cdn.jsdel原创 2020-11-13 15:24:13 · 1621 阅读 · 0 评论 -
第1章 Vue.js概述
第1章 Vue.js概述 1.1 单页应用的出现 随着移动电话的普及和微信的流行,很多的Wap(H5)应用也随之出现了,如微店、微站各个App中包含的H5页面。 手机的硬件特点有: 硬件设备差。同主频的手机CPU性能往往是台式机的十分之一(手机的供电与台式机设备相差很远)。 网络速度慢。4G网络在很多时候下载速度只有几百KB,打开一个微信中的网页可能也要很久。 因此,使用传统的Webpack技术开发的网页,在手机端的表现往往特别差。传统技术的特点是: 单击某个链接/按钮,或者提原创 2020-11-13 15:01:06 · 654 阅读 · 0 评论 -
自定义组件
文章目录自定义组件组件的基本使用给组件添加属性单一根元素自定义组件添加事件自定义组件v-model自定义组件有时候有一组html结构的代码,并且这个上面可能还绑定了事件.然后这段代码可能有多个地方都被使用到了,如果都是拷贝来拷贝去,很多代码都是重复的,包括事件部分的代码都是重复的.那么这时候我们就可以把这些代码封装成一个组件,以后在使用的时候就跟使用普通的html元素一样,拿过来就可以了.组...原创 2020-01-02 23:27:42 · 1132 阅读 · 0 评论 -
表单输入绑定
文章目录表单输入绑定绑定的属性和事件表单元素绑定input绑定textarea绑定checkbox绑定radio绑定select绑定修饰符表单输入绑定v-model指定可以实现表单值与属性的双向绑定.即表单元素中更改了值会自动的更新属性中的值,属性中的值更新了会自动更新表单中的值.如下面代码所示,在input里输入数字,按钮上的值会变化.点击按钮,input里的数字也发生了改变,这就是双向绑定...原创 2020-01-02 19:50:56 · 143 阅读 · 1 评论 -
计算属性和监听器
文章目录计算属性计算属性的set监听属性计算属性一般情况下属性都是放到data中的,但是有些属性可能是需要经过一些逻辑计算后才能得出来,那么我们可以把这类属性变成计算属性.比如如下:<body> <div id="app"> <div> <label>宽:</label> <input ty...原创 2020-01-02 13:48:07 · 229 阅读 · 0 评论 -
模板语法(2)
文章目录v-for循环v-for循环在模板中可以使用v-for来循环数组或者对象等.循环数组 <div id="app"> <table> <thead> <tr> <th>序号</th> <th>标题</th> ...原创 2019-12-31 13:24:45 · 161 阅读 · 0 评论 -
模板语法(1)
文章目录渲染文本渲染原生HTML属性绑定属性绑定Class和Style绑定class绑定style使用JS表达式条件判断v-if和v-show渲染文本在html中通过{{ }}(双大括号)中可以把Vue对象中的数据插入到网页中。并且只要Vue对象上对应的值发生改变了,那么html中双大括号中的值也会立马改变。<div id="app"> <p>{{userna...原创 2019-12-30 23:17:17 · 503 阅读 · 1 评论 -
Vue初体验
文章目录Vue介绍Vue安装和使用基本使用Vue介绍Vue(读音/vjuː/,类似于view) 是一套用于构建前后端分离的框架。刚开始是由国内优秀选手尤雨溪开发出来的,目前是全球“最”流行的前端框架。使用vue开发网页很简单,并且技术生态环境完善,社区活跃,是前后端找工作必备技能!Vue安装和使用vue的安装大体上分成三种方式,第一种是通过script标签引用的,第二种是通过npm(nod...原创 2019-12-30 13:23:13 · 99 阅读 · 0 评论 -
Vue学习准备工作
今日内容es6的语法let特点:1.局部作用域2.不会存在变量提升3.变量不能重复声明const特点: 1.局部作用域 2.不会存在变量提升 3.不能重复声明,只声明常量 不可变的量模板字符串tab键上面的反引号 ${变量名}来插值let name = '未来';let str = `我是${name}`箭头函数function(){} === ()=&g...原创 2019-08-22 15:22:02 · 87 阅读 · 0 评论 -
ES6语法
文章目录什么是ECMAScript,以及ES6的诞生?变量的定义模板字符串箭头函数数据的解构什么是ECMAScript,以及ES6的诞生?1997年ECMAScript1.0诞生1999年12月ECMAScript 3.0诞生,它是一个巨大的成功,在业界得到了广泛的支持,它奠定了JS的基本语法,被其后版本完全继承.直到今天,我们一开始学习JS,其实就是在学3.0版的语法.2000年ECMA...原创 2020-01-04 00:10:18 · 80 阅读 · 0 评论