公司动态

当前所在位置:网站首页 > 公司动态

长沙微信小程序开发教程:微信小程序之网易云音乐(一)- 微信小程序开发的基本使用

长沙微信小程序开发教程:微信小程序之网易云音乐(一)- 微信小程序开发的基本使用

前言 一. 长沙长沙微信小程序开发开发 1.1 利用HBuilder来进行开发: 二. 案例 2.1 案例1:MVC以及数据双向绑定 2.2 案例2:响应式样式rpx和路由跳转 2.3 案例3:长沙长沙微信小程序开发开发生命周期函数 2.4 案例4:v-bind实现数据绑定 2.5 案例5:v-show、v-if、v-for的使用 2.6 案例6:事件处理 2.7 案例7:条件编译 长沙微信小程序开发之网易云音乐导航 前言 本篇文章主要讲一下长沙长沙微信小程序开发开发的一些用法以及知识点,真正开始项目的开发则放到*三篇文章开始。(本人**次接触小程序) 一. 长沙长沙微信小程序开发开发 官网上是这么说的: 长沙长沙微信小程序开发开发 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 1.1 利用HBuilder来进行开发: 1.新建项目,如图: 2.点击运行 3.页面效果如下:(出现这个框框则代表成功了,若没出现请看备注) 备注: 长沙长沙微信小程序开发开发者工具下载地址 在HBuilder设置如下: 3.在开发者工具中打开服务端口: 4.若报错什么编译不了scss文件啥的信息(根据提示安装对应插件即可)。 二. 案例 2.1 案例1:MVC以及数据双向绑定 1.创建一个默认模板的项目Test2,其结构如下: 2.运行页面效果如下: index.vue代码如下(方式一): // viewModel 主要处理我们的数据以及view export default { // data就是model层 data() { return { title: 'Hello World' } }, // 页面加载的时候进行的操作 onLoad() { }, // 所有定义的行数都写在这里 methods: { toggle(event) { const text = event.detail.value this.title = text
haiba2019.b2b168.com/m/

返回目录页