摘要:
用于组件 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 阅读全文