当前位置: 首页 > news >正文

从零开始学习Vue(一)

因为最近有个项目的需求是,微信公众号+IOS/Android APP, 界面都很类似.

以往的做法是APP是调用JSON接口,后台只负责提供接口.

而H5,我以前都是用Jquery,用来写手机网站总是不好用,后台的接口和APP又不一样.

所以我的希望是前端可以用APP的接口,更好用. 看了一下JQuery Mobile,好像停止了. 也没什么人用.

最火的是React和Vue,不管了,先学一个再说. 据说Vue更简单一点.

 

上网找的例子,都要用到其他依赖. Vue-Cli, NodeJS,Webpack,NPM,Less,

比如这个对话

Q:vue还需要nodejs和webpack才能用吗,官网没有说呀。

A:不一定,vue只是一个视图(mvvm)渲染引擎,他可以直接引入到页面中,但他最大的特性是组件化,对组件的合并和打包就需要webpack的支持,webpack运行在nodejs环境上的,所以需要这两个。如果你的组件关系复杂,你还需要引入vuex做状态管理。

 NodeJS的安装使用,参考这个:

http://www.runoob.com/nodejs/nodejs-npm.html

安装Vue-Cli

http://www.cnblogs.com/xuange306/p/6092225.html

转载于:https://www.cnblogs.com/diviner926934/p/6961294.html

相关文章:

  • 从零开始学习Vue(三)
  • jmeter使用BeanShell断言
  • 裁掉你的前端吧,切版网帮你解决
  • 简介Doxygen
  • 2048-控制台版本
  • 第一章 深入理解Magento - Magento强大的配置系统
  • Directx9.0 学习教程3 -图形学之创建点 线 三角形 等
  • [微信小程序] 使用ES6特性Class后出现编译异常
  • maven管理项目用junit测试遇到的找不到编译类问题
  • 2017中国手机趋势报告:天猫手机客单价2104元,品质时代来临
  • docker 在Windows下使用遇到的坑
  • CSS鼠标属性值
  • django-1.11.3 源码详解 -- 0001 django-admin.py 的调用逻辑
  • JMeter中返回Json数据的处理方法
  • getopts命令行参数处理
  • 自己简单写的 事件订阅机制
  • 【笔记】你不知道的JS读书笔记——Promise
  • CSS实用技巧
  • RedisSerializer之JdkSerializationRedisSerializer分析
  • Vue ES6 Jade Scss Webpack Gulp
  • vue:响应原理
  • web标准化(下)
  • 编写高质量JavaScript代码之并发
  • 你真的知道 == 和 equals 的区别吗?
  • 山寨一个 Promise
  • 它承受着该等级不该有的简单, leetcode 564 寻找最近的回文数
  • 1.Ext JS 建立web开发工程
  • # 深度解析 Socket 与 WebSocket:原理、区别与应用
  • #WEB前端(HTML属性)
  • #在 README.md 中生成项目目录结构
  • (2021|NIPS,扩散,无条件分数估计,条件分数估计)无分类器引导扩散
  • (23)Linux的软硬连接
  • (zz)子曾经曰过:先有司,赦小过,举贤才
  • (附源码)springboot课程在线考试系统 毕业设计 655127
  • (转)shell中括号的特殊用法 linux if多条件判断
  • .Net 6.0 处理跨域的方式
  • .NET Core引入性能分析引导优化
  • .NET 材料检测系统崩溃分析
  • .NetCore部署微服务(二)
  • /bin、/sbin、/usr/bin、/usr/sbin
  • @ModelAttribute使用详解
  • @Repository 注解
  • [20190113]四校联考
  • [202209]mysql8.0 双主集群搭建 亲测可用
  • [AI]文心一言出圈的同时,NLP处理下的ChatGPT-4.5最新资讯
  • [C#C++]类CLASS
  • [c#基础]值类型和引用类型的Equals,==的区别
  • [C/C++] -- 二叉树
  • [CSS]文字旁边的竖线以及布局知识
  • [C和指针].(美)Kenneth.A.Reek(ED2000.COM)pdf
  • [flume$2]记录一个写自定义Flume拦截器遇到的错误
  • [Flutter] extends、implements、mixin和 abstract、extension的使用介绍说明
  • [GYCTF2020]Ez_Express
  • [HeMIM]Cl,[AeMIM]Br,[CeEIM]Cl,([HO-PECH-MIM]Cl,[HOOC-PECH-MIM]Cl改性酚醛树脂
  • [Java] 什么是IoC?什么是DI?它们的区别是什么?