02 2020 档案
摘要：一、写一个新的界面需要在app.wpy的<config>代码块下的pages下配置 二、在page中进行跳转 this.$navigate({url:"../mine/address/address"}) 三、在组件中跳转 第一种写法 this.$parent.$navigate({url:"/pa
阅读全文
摘要：两种主要的迭代方式： each 和 while 一、each 1、最简单的迭代 ul each val in [1, 2, 3, 4, 5] li= val 等价于--> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul
阅读全文
摘要：普通变量直接嵌入 - var title = "On Dogs: Man's Best Friend"; - var author = "enlore"; - var theGreat = "<span>转义!</span>"; h1= title p #{author} 笔下源于真情的创作。 p
阅读全文
摘要：Pug 支持使用 block 和 extends 关键字进行模板的继承 block代表一个代码块 一、代码块的替换 如下：便有三个代码块block scripts,block content,block foot //- layout.pug html head title 我的站点 - #{tit
阅读全文
摘要：- var friends = 10 case friends when 0 p 您没有朋友 when 1 p 您有一个朋友 default p 您有 #{friends} 个朋友 等价于 > <p>您有 10 个朋友</p> 另一种块展开的写法： - var friends = 1 case fr
阅读全文
摘要：Pug是一款健壮、灵活、功能丰富的HTML模板引擎,专门为 Node.js 平台开发。Pug是由Jade 改名而来。 是一种通过缩进（表示标签间的嵌套关系）的方式来编写代码的过程，在编译的过程中，不需要考虑标签是否闭合的问题。可以加快写代码速度，也为代码复用提供了便捷。 优点： 1、无需结束标签 2
阅读全文
摘要：用于组件 props: ['title', 'likes', 'isPublished', 'commentIds', 'author'] 说明这个组件有'title', 'likes', 'isPublished', 'commentIds', 'author'这几个attribute 以下说明组
阅读全文
摘要：一个.wpy文件主要由四部分组成： <script>，<template>，<style>，<config> 一、App生命周期 注册 App 是直接调用原生 App 方法进行 App 注册，生命周期与原生一致 二、页面Page生命周期 三、组件生命周期 总结：
阅读全文
摘要：项目目录如图 其中src目录填写的app.wpy文件用于app注册 该app.wpy文件中 <config> 代码块用于注册页面信息 ，如下图表示有一个index的page 一、注册一个新的页面 注册一个新的页面，只需在src目录下的app.wpy文件中的<config>代码快的pages下新增一个
阅读全文
摘要：一、全局安装 WePY CLI 工具 npm install wepy-cli -g 二、使用wepy init创建WePY项目 3种方式： // 使用空模板创建 wepy init empyt myproject // 使用基础模板创建 wepy init standard myproject /
阅读全文
摘要：最简单的点击事件 <div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter }} times.</p> </div> va
阅读全文
摘要：<ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li> </ul> var example1 = new Vue({ el: '#example-1', data: { items: [ { message: '
阅读全文
摘要：v-if 最基本的条件渲染 <h1 v-if="awesome">Vue is awesome!</h1> if-else的渲染 <h1 v-if="awesome">Vue is awesome!</h1> <h1 v-else>Oh no 😢</h1> 注：v-else 元素必须紧跟在带 v-
阅读全文
摘要：v-bind <!-- 完整语法 --> <a v-bind:href="url">...</a> <!-- 缩写 --> <a :href="url">...</a> v-on <!-- 完整语法 --> <a v-on:click="doSomething">...</a> <!-- 缩写 --
阅读全文
摘要：v-once 只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。 v-html 内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译 双大括号会将数据解释为普通文本，而非 HTML 代码。为了输出真正的 HTML，你需要使用 v
阅读全文
摘要：beforeCreate 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。 created 在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event
阅读全文