app | 易学教程

13.Vue.js 组件

阅读更多关于 13.Vue.js 组件

组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：注册一个全局组件语法格式如下： Vue.component(tagName, options) tagName 为组件名，options 为配置选项。注册后，我们可以使用以下方式来调用组件： <tagName></tagName> 全局组件所有实例都能用全局组件。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="app"> <runoob></runoob> </div> <script> // 注册 Vue.component('runoob', { template: '<h1>自定义组件!</h1>' }) // 创建根实例 new Vue({ el: '#app' }) </script> </body> </html>

第10组 Beta冲刺（2/4）

阅读更多关于第10组 Beta冲刺（2/4）

队名：凹凸曼组长博客作业博客组员实践情况童景霖过去两天完成了哪些任务文字/口头描述编写商品主界面展示GitHub当日代码/文档签入记录暂无代码接下来的计划编写购买功能还剩下哪些任务 APP前端的制作燃尽图遇到那些苦难好多功能需要去接着学习有哪些收获和疑问对于Android studio有了一定了解，但是还存在很多地方不理解。黄永福过去两天完成了哪些任务 UI美化代码优化接下来的计划调试、完善细节还剩下哪些任务完善燃尽图遇到了哪些困难怎么设计一个友好的刷新方式有哪些收获和疑问收获：一堆BUG——没错又成长了疑问：没有郑志强过去两天完成了哪些任务文字/口头描述进一步了解Java和Android studio 接下来的计划继续学习Android studio,学习动态页面的建立还剩下哪些任务各种api应用和前端学习燃尽图遇到了哪些困难没有前端知识，对Android studio的学习有难度，没有相关经验学习内容繁多，没有明确的学习步骤有哪些收获和疑问收获：大致了解到安卓前端相关知识疑问：暂无陈心怡过去两天完成了哪些任务编写部分代码暂无代码签入记录接下来的计划实现部分界面还剩下哪些任务燃尽图遇到了哪些困难界面实践不够优化有哪些收获和疑问百度有时也很懵朱晓倩

第10组 Beta冲刺（2/4）

阅读更多关于第10组 Beta冲刺（2/4）

第10组 Beta冲刺（2/4）

阅读更多关于第10组 Beta冲刺（2/4）

5.Vue.js-模板语法

阅读更多关于 5.Vue.js-模板语法

Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上插值文本数据绑定最常见的形式就是使用 {{...}}（双大括号）的文本插值： <div id="app"> <p>{{ message }}</p> </div> Html 使用 v-html 指令用于输出 html 代码： <div id="app"> <div v-html="message"></div> </div> <script> new Vue({ el: '#app', data: { message: '<h1>菜鸟教程</h1>' } }) </script> 属性 HTML 属性中的值应使用 v-bind 指令。以下实例判断 class1 的值，如果为 true 使用 class1 类的样式，否则不使用该类 <style>.class1{ background: #444; color: #eee;}</style><div id="app"> <label for="r1">修改颜色</label><input type="checkbox" v

3.Vue.js-目录结构

Vue.js 目录结构上一章节中我们使用了 npm 安装项目，我们在 IDE（Eclipse、Atom等）中打开该目录，结构如下所示：目录解析目录/文件说明 build 项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： assets: 放置一些图片，如logo等。 components: 目录里面放了一个组件文件，可以不用。 App.vue: 项目入口文件，我们也可以直接将组件写这里，而不使用 components 目录。 main.js: 项目的核心文件。 static 静态资源目录，如图片、字体等。 test 初始测试目录，可删除 .xxxx文件这些是一些配置文件，包括语法配置，git配置等。 index.html 首页入口文件，你可以添加一些 meta 信息或统计代码啥的。 package.json 项目配置文件。 README.md 项目的说明文档，markdown 格式在前面我们打开 APP.vue 文件，代码如下（解释在注释中）：  <template> <div id="app"> <img src="./assets/logo.png

小程序连接后台上传图片

阅读更多关于小程序连接后台上传图片

项目整体文件结构如下图主要代码如下： //index.js //获取应用实例 const app = getApp() Page({ data:{ imageUrls:[ "/images/swiper01.jpg", "/images/swiper02.jpg", "/images/swiper03.jpg", ], interval: 4000, }, //添加上传图片 chooseImageTap: function () { var that = this; wx.showActionSheet({ itemList: ['从相册中选择', '拍照'], itemColor: "#00000", success: function (res) { if (!res.cancel) { if (res.tapIndex == 0) { that.chooseWxImage('album') } else if (res.tapIndex == 1) { that.chooseWxImage('camera') } } } }) }, // 图片本地路径 chooseWxImage: function (type) { var that = this; var imgsPaths = that.data.imgs; wx.chooseImage({ sizeType: [

第08组 Beta冲刺（2/4）

阅读更多关于第08组 Beta冲刺（2/4）

队名八组评分了吗组长博客链接（2分）组员1李昕晖（组长）过去两天完成了哪些任务文字/口头描述 12月9号了解各个小组的进度与难以攻破的地方，晚上安排开会，安排新的冲刺任务。重新分配小组及个人任务。展示GitHub当日代码/文档签入记录接下来的计划优化软件界面还剩下哪些任务希望能让界面好看点燃尽图遇到了哪些困难界面不太好搞有哪些收获和疑问学会了及时去了解大家的进度并更改任务分配，尽量让每一个人都有事可做。要及时了解到每一个人任务的难点，并在大方向上给大家一个明确的目标。任务分配均匀的疑问需要去请教其他的组长。组员2王怀骋过去两天完成了哪些任务文字/口头描述对java语言进行学习，继续对微信接口进行学习，对运用方面进行学习。接下来的计划继续学习java语言，不断尝试，对接口方面进一步学习，不断尝试还剩下哪些任务了解与其他模块的合作方法燃尽图遇到了哪些困难时间紧，学习进度有点跟不上计划，学习方面，运用还是不足，具体学习，知识还是有挺多欠缺，需要百度和查看博客来补缺补漏。有哪些收获和疑问学习了API调用和JAVA入门，未来要对如何学习新语言，新知识和新技术这方面进行思考，要更快，更系统性的学习这些，同时不缺少计划性，不影响到其他的安排组员3张伟佳（组员）过去两天完成了哪些任务文字/口头描述地图功能完善

第八组 Beta冲刺（2/4）

阅读更多关于第八组 Beta冲刺（2/4）

第10组 Beta冲刺（2/4）

阅读更多关于第10组 Beta冲刺（2/4）

朱晓倩过去两天完成了哪些任务文字/口头描述做了Alpha冲刺版本APP的测试，前端界面进一步完善展示GitHub当日代码/文档签入记录见组长GitHub 接下来还有什么任务修改部分功能，测试修护bug。还剩下哪些任务测试APP、修护APP、维护APP，增强APP功能。燃尽图遇到了哪些困难对于APP的测试部分毫无经验，需要不断学习。有哪些收获和疑问自学能力，百度能力。来源： https://www.cnblogs.com/xiaoqianzhu/p/12006288.html

订阅 app