uniapp使用Vue.js

uni-app使用Vue.js

说明 ：uni-app基于 Vue 2.0 实现，开发者需注意Vue 1.0 -> 2.0 的使用差异，详见 从 Vue 1.x 迁移 。 uni-app不仅支持应用生命周期和页面生命周期，还支持 vue 实例的如下生命周期函数： 注意 ：不要在选项属性或回调上使用箭头函数，比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod())。

因为箭头函数是和父级上下文绑定在一起的，this 不会是如你做预期的 Vue 实例，且 this.a 或 this.myMethod 也会是未定义的。

几乎全支持 Vue官方文档：模板语法 ，下面讲下不支持的情况。 (1)不支持纯HTML uni-app的非H5端里所有的 BOM／DOM 都不能用，也就是说 v-html 指令不能用，可以使用 rich-text组件 代替。或者使用三方组件wxparse，在hello uni-app中有示例。 (2)不支持部分复杂的 Javascript 渲染表达式 非H5端无法支持复杂的 Javascript 表达式。

目前可以使用的有 + - * % ?: ! == === > <[] .，剩下的还待完善。 (3)不支持过滤器 编译到 App 和小程序平台时不支持使用过滤器，可以使用计算属性（computed）提前计算出数据（如果是数组类型，就提前计算整个数组），用以代替过滤器。 备注 ： 自HBuilderX 1.7.1起，在微信小程序平台支持使用过滤器。

data 必须声明为返回一个初始数据对象的函数；否则页面关闭时，数据不会自动销毁，再次打开该页面时，会显示上次数据。 注意 ：在微信小程序端，uni-app 将数据绑定功能委托给Vue，开发者需按Vue 2.0的写法实现数据绑定，不支持微信小程序的数据绑定写法，故如下写法不支持： 需修改为： 支持 Vue官方文档：计算属性 。 实现全局变量的方式需要遵循 Vue 单文件模式的开发规范。

详细参考： uni-app全局变量的几种实现方式 。 非H5端不支持在 template 内使用 methods 中的函数。 备注 ： 自HBuilderX 1.7.1起，在微信小程序平台支持支持在 template 内使用 methods 中的函数。

为节约性能，我们将 Class 与 Style 的表达式通过 compiler 硬编码到 uni-app 中。 全支持 Vue官方文档：条件渲染 。 全支持vue列表渲染 Vue官方文档：列表渲染 。只是需要注意一点，嵌套列表渲染，必须指定不同的索引！需要填写 :key="xx" 。

注意 ：同级多个 v-for 时 key 的值是不允许重复的，key 的绑定是不支持表达式的，需要按照以下方式处理。 几乎全支持 Vue官方文档：事件处理器 。事件映射表如下所示： 注意 ： (1)事件映射表中没有的原生事件也可以使用，例如map组件的regionchange 事件直接在组件上写成 @regionchange,同时这个事件也非常特殊，它的 event type 有 begin 和 end 两个，导致我们无法在handleProxy 中区分到底是什么事件，所以你在监听此类事件的时候同时监听事件名和事件类型既

(3)事件修饰符 (4)若需要禁止蒙版下的页面滚动，可使用 @touchmove.stop.prevent="moveHandle"，moveHandle 可以用来处理 touchmove 的事件，也可以是一个空函数。 (5)按键修饰符：uni-app运行在手机端，没有键盘事件，所以不支持按键修饰符。 支持 Vue官方文档：表单控件绑定 。建议开发过程中直接使用 uni-app：表单组件 。

用法示例： (1)H5 的select 标签用 picker 组件进行代替 (2)表单元素 radio 用 radio-group 组件进行代替 组件是整个 Vue.js 中最复杂的部分，支持 Vue官方文档：组件 。有且只能使用单文件组件（.vue 组件）的形式进行支持。其他的诸如：动态组件，自定义 render ，和 字符串模版等非H5端都不支持。

详细的非H5端不支持列表： (1)暂不支持在组件引用时，在组件上定义 click 等原生事件、v-show（可用 v-if 代替）和 class style 等样式属性(例： 样式是不会生效的)。 Slot（scoped 暂时还没做支持） (2)动态组件 (3)异步组件 (4)inline-template (5)X-Templates (6)keep-alive (7)transition (8)class (9)style (10)组件里使用 slot 嵌套的其他组件时不支持 v-for uni-app提供了丰富的 UI组件 ，比如： picker , map 等，需要注意的是原生组件上的事件绑定，需要以 vue 的事件绑定语法来绑定，如 bindchange="eventName" 事件，需要写成 @change="eventName" 。如: uni-app 支持配置全局组件，需在 main.js 里进行全局注册，注册后就可在所有页面里使用该组件。

注意 ：Vue.component 的第一个参数必须是静态的字符串。示例： (1)main.js 里进行全局注册 (2)index.vue 里可直接使用组件 在 uni-app 中以下这些作为保留关键字，不可作为组件名。 备注 ：除以上列表中的名称外，标准的 HTML 及 SVG 标签名也不能作为组件名。 (1) 如何获取上个页面传递的数据 在 onLoad 里得到，onLoad 的参数是其他页面打开当前页面所传递的数据。

(2) 如何设置全局的数据和全局的方法 uni-app内置了 vuex ，在app里的使用，可参考 hello-uniapp 的 store/index.js 。 (3)如何捕获 app 的 onError 由于 onError 并不是完整意义的生命周期，所以只提供一个捕获错误的方法，在 app 的根组件上添加名为 onError 的回调函数即可。如下： (4)组件属性设置不生效解决办法 当重复设置某些属性为相同的值时，不会同步到view层。

例如：每次将scroll-view组件的scroll-top属性值设置为0，只有第一次能顺利返回顶部。 这和props的单向数据流特性有关，组件内部scroll-top的实际值改动后，其绑定的属性并不会一同变化。解决办法有两种（以scroll-view组件为例）： 备注 ：第二种解决方式在某些组件可能造成抖动，推荐第一种解决方式。

微信小程序可以用dv ssl证书吗？

微信小程序是可以使用DV SSL证书的。 一般要是开通微信小程序的话，是必须要安装SSL证书的，不对对证书的类型是没有要求的，要是个人开通微信小程序的话，完全可以使用DV SSL证书，只需要验证域名的所有权，整体的申请过程只需要十几分钟。

微信小程序与第三方服务器通讯的域名必须满足以下条件： 1、一个已备案的域名，域名不能加端口; 2、域名必须配置SSL证书，也就是能通过https://访问; 3、HTTPS服务器必须支持TLS 1.2或以上版本; 4、微信小程序后台加上合法域名设置。

微信怎么使用小程序

从你的描述来看，微信小程序使用方法：首先进入微信界面，点击“发现”。然后找到“小程序”并点击进入。

接着点击右上角的搜索图标，输入要用的小程序。

例如搜索“最强弹一弹”这个小程序并点击，打开这个小程序即可。

微信小程序怎么开发，需要使用到什么开发工具

目前微信小程序越来越火，如何开发微信小程序呢？如下：（1）在开发前进行产品定位，要兼顾用户价值与渠道价值；（2）丰富产品的内容或功能，要有与之对应的使用场景，微信小程序最为重要的一点就是其应用场景，微信小程序是一款工具，其最突出的特点就是要体现他的工具性和功能性，只是盲目的小程序中插入一些推广信息，很容易惹来用户的反感。所以对于微信小程序的开发，我们一定要将眼光放长远，不要只是局限于眼下，同时也不要过高的估计小程序的特点，其对于企业而言最为重要的还是其推广性质，所以对于企业而言不能只是单纯的去做微信小程序，而是要将其与微信公众号，微信公众平台相结合，只有这样才能更好的实现企业的运营和推广。

至于开发其实也很简单，只要找到了微信小程序的应用场景，第三方小程序开发平台就可以帮你快速的搭建出款经典小程序，无论你是电商版，教育版，还是汽车，房产，只要你能想象的到，他们都可以帮你实现。

微信小程序被誉为是微信的又一波红利，而且小程序适用于线下实体店，只要你的线下实体店想要实现线上和线下的相互联系，那么微信小程序一定能够帮你实现，但是值得非常注意的一点就是要利于好微信小程序的工具性，找到应用的场景。

小程序开发是用什么语言？

小程序开发使用的语言本质上就是JS+CSS+HTML5，不过不能直接用HTML标签，微信提供一个组件库，没有DOM和其他浏览器上的API；网络、Canvas等也重新包装过。对于微信小程序而言，前端程序是唯一差异于网站建设技术的，因此，只要使用JS+CSS+HTML5让前端程序过得了关，能够写前端的接口，那么使用PHP,又或者java,以及asp.net的程序语言都是完全支持的。

一般对于企业而言，都是采用php程序开发微信小程序；技术要求高一点的可以采用java程序开发。

小程序开发中最常见使用的是“MINA”框架，Apache Mina Server 是一个网络通信应用框架，也就是说，它主要是对基于TCP/IP、UDP/IP协议栈的通信框架（当然，也可以提供JAVA 对象的序列化服务、虚拟机管道通信服务等），Mina 可以帮助我们快速开发高性能、高扩展性的网络通信应用，Mina 提供了事件驱动、异步（Mina 的异步IO 默认使用的是JAVA NIO 作为底层支持）操作的编程模型。这个框架为微信小程序的运行提供了丰富的组件和API。要学会和掌握小程序的框架结构、数据绑定机制、模板、数据缓存、常用组件和API等相关知识。

微信小程序是什么，怎么用？

微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。

应用将无处不在，随时可用，但又无需安装卸载。

至于怎么用，打开微信，点击“发现”——“小程序”即可打开，可以通过搜索框精准搜索小程序名称，然后进入小程序；也可以通过“附近的小程序”功能进入，可以把方圆5公里范围的小程序全部展现出来，可以通过服务类型选择，比如有外送、购物、美食、出行、酒店、生活服务等等，对于有用的小程序，还可以添加到桌面或者”我的小程序“当中，可以添加50个小程序，这就极大地方便了用户使用体验。