
Vue
xiangzhihong8
著有《React Native移动开发实战》、《Kotlin入门与实战》、《Weex跨平台开发与实战》、《React Native开发进阶》和《Flutter跨平台开发实战》,正努力完成《Android应用架构实战》
-
原创 Electron+Vue开发跨平台桌面应用
虽然B/S是目前开发的主流,但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制,网页应用无法满足某些场景下的使用需求,而桌面应用可以读写本地文件、调用更多系统资源,再加上Web开发的低成本、高效率的优势,这种跨平台方式越来越受到开发者的喜爱。Electron是一个基于Chromium和 Node.js,使用 HTML、CSS和JavaScript来构建跨平台应用的跨平台开发框架,兼容 Mac...2019-12-20 19:04:121477
1
-
原创 Vue 3.0 源码开放,看看都有哪些新特性
当大多数国人还在庆祝国庆节的时候,尤雨溪大大在昨天凌晨发布了 Vue 3.0 源代码,源码地址:https://github.com/vuejs/vue-next 。虽然目前还 处于 Pre-Alpha 版本,但是可以预见后面的 Alpha、Beta 等版本应该不会太遥远。之前,就有预言,除了性能优化、脚手架和新功能外,TypeScript绝对是一个重点,因此,在Vue 3.0源代码版本中,9...2019-10-06 11:40:3120027
29
-
原创 Vue经典开源项目汇总
Vue.js(读音 /vjuː/, 类似于 view)是一套用于构建用户界面的渐进式框架,主要用于快速的构建前端界面,与其它大型的前端框架不同,Vue被设计为可以自底向上逐层应用。相比Angular.js来说,Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合,是初创项目的前端首选框架。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用...2019-01-31 15:30:5711965
2
-
原创 Vue 中mixin混入机制
vue中提供了一种混合机制–mixins,用来更高效的实现组件内容的复用。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项中。简单的说,组件在引用之后就相当于在父组件内开辟了一块单独的空间,然后根据父组件props过来的值进行相应的操作。而使用mixins机制的组件则是在引入组件之后,则是将组件内部的内容如data等方法、method等属性与父组件相...2019-01-18 10:59:171512
0
-
原创 PM2安装和使用
入门教程M2是node进程管理工具,可以利用它来简化很多node应用管理的繁琐任务,如性能监控、自动重启、负载均衡等,而且使用非常简单。PM2的运行需要Node 环境和Npm的支持。全局安装的命令如下:npm install -g pm2一般,我们通过npm start来启动应用,其实就是调用node ./bin/www。那么,换成pm2就是。pm2 start ./bin/www –...2018-12-24 16:13:58912
0
-
原创 Vue学习路线图
Vue 概述如果你是一名 Vue 开发新手,可能已经听过很多行话术语,比如单页面应用程序、异步组件、服务器端渲染等等,或者还听说过与 Vue 有关的一些工具和库,比如 Vuex、Webpack、Vue CLI 和 Nuxt。那么究竟什么是Vue,有什么作用?Vue.js是一套用于构建用户界面的渐进式框架,主要用于快速的构建前端界面,与其它大型的前端框架不同,Vue被设计为可以自底向上逐层应用...2018-12-11 22:50:021892
0
-
原创 Vue路由传参的三种方式
现有如下场景,点击父组件的li元素跳转到子组件中,并携带参数,便于子组件获取数据。父组件中:<li v-for="article in articles" @click="getDescribe(article.id)">方案一 getDescribe(id) {// 直接调用$router.push 实现携带参数的跳转 this.$router.pus...2018-11-17 11:49:05298
0
-
原创 Vue.js 3.0发布更新计划
在11月14日-16日于多伦多举办的 VueConf TO 2018 大会上,尤雨溪发表了名为 “ Vue 3.0 Updates ” 的主题演讲,对 Vue 3.0 的更新计划、方向进行了详细阐述。目前该演讲的 PPT 也已上传至 Google 文档,感兴趣的可点此查阅。本次版本主要围绕以下几个版本来升级:更快更小更易于维护更多的原生支持更易于开发使用…完整的ppt地址:htt...2018-11-19 11:35:135853
0
-
原创 Vue.js 项目目录结构
Vue环境搭建和其他前端开发一样,Vue.js的开发环境也需要Node.js、npm和webpack等工具的支持。其中,Node.js 就是运行在服务端的JavaScript,npm是一个包管理工具,用来管理Vue.js项目所依赖的包,而webpack则是前端一个常用的模块化打包工具,它的作用就是将JavaScript代码或者其他静态文件进行分析和压缩,最终合并打包成浏览器可以识别的代码。安装...2018-10-21 18:52:001569
0
-
原创 vue 3.0新特性
概述在9 月 30 日的Vue.js 伦敦大会上, 作者尤雨溪介绍了 Vue 下一个版本将要发布的内容,以及 Vue 3.0 的开发路线,和后面版本的发展情况。虽然,Vue 3.0版本的正式版还没有发布,不过作为vue 项目快速构建工具的vue-cli 早已发布,我们可以通过vue-cli来了解vue 3.0的一些情况。作为Vue的主要版本,Vue 3.0带来了诸多的重大变更,不过,开发组也非...2018-10-22 22:21:1735672
0
-
原创 webpack+vue开发环境搭建
工具安装首先安装一些必要的工具,由于npm的源都是在国外的地址,所以安装会比较慢,可以使用淘宝的国内镜像地址。 1,安装淘宝镜像的命令为:npm install -g cnpm --registry=https://registry.npm.taobao.org 2、然后安装全局vue-cli脚手架,用于帮助搭建所需的Vue的开发模板框架。命令如下:cnpm install -g...2018-05-16 11:40:419179
0
-
原创 前端转换神器react-to-vue
近年来,前端技术不断火热,尤其以React和Vue技术最为火爆,这两个前端框架也是目前国内使用得最多的两个框架。虽然,在使用的广度上React虐胜一筹,但Vue框架的发展趋势也不容小觑,特别是去年React的MIT风波,越来越大的企业开始将目光转向了Vue。那么有没有一款软件或者工具可以实现两个框架之间组件的可复用呢?答案是有的,react-to-vue就是这么一款不错的工具软件。简介...2018-05-21 22:23:176445
0
-
原创 Vue 入门之项目目录结构介绍
Vue 是一套用于构建用户界面的渐进式框架,与其它大型的页面框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。关于Vue环境搭建的内容,本文不再介绍,不清楚的同学可以访问Vue环境搭建或者查看官网相关内容的介绍: h...2018-05-20 18:10:235371
1
-
原创 WEEX环境搭建与入门
Weex简介Weex 是阿里前端技术团队开源额一套跨平台开发方案,能以web的开发体验构建高性能、可扩展的 native 应用,Weex 的页面表示层使用 Vue ,并遵循 W3C 标准实现了统一的 JSEngine 和 DOM API,Weex和React Native一样是当前流行的跨平台开发框架。Weex的官方地址为:https://weex.apache.org/。Weex最简单的方法...2018-04-18 18:36:563815
0
-
原创 Vue环境搭建
Vue.js是一个构架数据驱动的网页界面的渐进式框架,它的目标是通过尽可能简单的API实现响应的数据绑定和组合视图组件。它和Node、Angular并列为前端的三大框架。环境搭建在Mac中搭建Vue的开发环境会用到如下的一些工具额环境。 Homebrew node.js npm webpack Vue 1、安装brew,打开终端运行以下命令:/usr/bi...2018-03-20 11:15:251001
0