一起用Vuejs玩转微信小程序

2019-04-03 13:20| 发布者: | 查看: |

  昨晚,微信小程序刷爆了朋友圈,使用了自选股、美团等几个轻应用,体验还是很不错的,和原生开发的区别已经很细微了,这也标志着H5技术的愈加成熟。

  从去年以来,React-Native技术的火爆,紧接着阿里开源Weex,再到微信的应用号、小程序的出现,基本都是封装了底层,自定义了标签,规范了自己的开发标准,开放了API,我们只需要专注于上层开发就OK了,但想成为大牛,我们需要不断去剖析它们的底层,而Java是我们最重要的一个手段。

  以上各种框架、平台的出现,标志着PC到移动互联网过渡的第一个阶段已经结束: 把PC端的应用搬砖式的搬到移动端。 那移动互联网的第二个浪潮又是什么呢?其中一个分支可能是:场景化应用、万物互联。 这意味着:我们的手机中可能不再需要很多的App,只要保持几个几乎每天都会用的就OK了,其他的场景式需求只需要一个统一的入口(二维码、关键字、…),用完即走。 对于开发者而言,我们必须要做到一专多能才能适应大前端的人才需求。

  如果喜欢我的文章,可以关注简书、公众号: 旋之华, 也可以来小码哥,了解下我们的iOS/HTML5培训课程。本专题的所有资料请进入公众号直接下载。

  移动互联网这几年的重心肯定还是在手机上,未来可能是一块手表、一副眼镜。所以,接下来企业中 Hybrid App开发的需求会更大。本专题主要是带着大家一起学习下 Vue.js这样一个前端框架,本专题将通过三个阶段 (全面入门、设计模式灵活运用、综合项目实战)来帮助大家灵活的把Vue.js应用到我们已有的项目中,并能够做出一个比较完整的移动端项目。

  Vue.js准确来说:是用于开发web(PC端和移动端)界面的前端框架。因为Vue的关注点在开发的视图层,是自底向上增量开发的模式,所以非常容易与我们已有的项目整合。而且,Vue.js让我们可以非常灵活的实现 响应数据绑定和 开发复杂的单页应用。

  Vue.js在很多公司都在被使用,稍微大一点的公司比如:淘宝,美团,万和城登录途牛,苏宁云商,饿了么等等,随着大前端的到来,很多公司会选择Vue.js作为以数据为核心的页面构建方案。

  v-text, v-html 可以通过给标签属性赋值的方式往标签内部插入文本和HTML网页。 此外也可以在标签中间直接写入,比如:p{{message}}/p, 两种的写法方式不一样,作用也不一样,后面案例中再分析其中不同点。

  v-if 将根据” “中表达式的值的真假来做出相应的UI界面操作,表达式可以是true和false、三元表达式、条件判断等

  通过v-on,我们就可以操作数据控制界面的改变,这就在慢慢的去接近了 MVVM的设计模式。具体请参照下面案例:

  v-show 和 v-if 都能够实现标签的显示和隐藏,主要区别在于:v-if是预加载,调用的是js,显示的速度比较慢,一般用于逻辑比较复杂,万和城登录又需要被多次调用的场景; v-show是没有预加载的,控制的是CSS标签,显示速度比较快。

  v-bind Class 与 Style 绑定数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。我们可以通过v-bind去绑定。此外,在 v-bind 用于 class 和 style 时, 表达式的结果类型除了字符串之外,还可以是对象或数组。

  本篇文章主要介绍了Vue.js中常见的指令,这对于我们后面做综合应用还是比较重要的,下一篇主要会带着大家一起了解下Vue.js开放的API, 包括自定义指令等。。。

<
>
AB模版网成立于2014年,我们是一家专注用户体验设计开发与互联网品牌建设的设计公司,创立至今为2000多位客户提供了创新与专业的设计方案。设计服务范围包括:交互原型设计、产品视觉设计、网站设计与开发建设、移动及软件产品界面设计、图标设计、品牌及平面设计等。

联系我们

江苏省南京市玄武区玄武湖

13581555444(服务时间:9:00-18:00)

781555444@qq.com

在线咨询 官方微信官方微信

部门热线

前   台:13581555444
业务部:13581555444
客服部:13581555444
技术部:13781555444
人事部:13781555444

网站建设 微信开发 售后服务 咨询电话13581555444 返回顶部
返回顶部