先来看一下注册Components的源码: + (void)_registerDefaultComponents { [self registerComponent:@"container" withClass:NSClassFromString(@"WXDivComponent") withProperties:nil]; [self registerComponent:@"div" withClass:NSClassFromString(@&…

注册Modules的流程和注册Components非常类似. + (void)_registerDefaultModules { [self registerModule:@"dom" withClass:NSClassFromString(@"WXDomModule")]; [self registerModule:@"locale" withClass:NSClassFromString(@"WXLocaleModule"…

先看代码: + (void)_registerDefaultHandlers { [self registerHandler:[WXResourceRequestHandlerDefaultImpl new] withProtocol:@protocol(WXResourceRequestHandler)]; [self registerHandler:[WXNavigationDefaultImpl new] withProtocol:@protocol(WXNavigationProtoco…

0.从工作原理谈起 Weex 表面上是一个客户端技术,但实际上它串联起了从本地开发.云端部署到分发的整个链路.开发者首先可在本地像编写 web 页面一样编写一个 app 的界面,然后通过命令行工具将之编译成一段 JavaScript 代码,生成一个 Weex 的 JS bundle:同时,开发者可以将生成的 JS bundle 部署至云端,然后通过网络请求或预下发的方式加载至用户的移动应用客户端:在移动应用客户端里,Weex SDK 会准备好一个 JavaScript 执行环境,并且在用户打开一…

在vue中,我们可以把一个页面各个部分单独封装起来,做成各种小组件,然后加载,这样的好处是代码维护起来比较容易,重复的代码多处调用! 在一个vue项目中,单文件组件以.vue形式文件命名 每个组件之间,都能建立起关联,然后最后通过webpack打包编译就好 下面有两个组件a.vue和b.vue <h5>我是a组件</h5> <button @click="et">点我</button> <h2>{{number}}</h…

主要内容:如何注册组件.如何使用组件.父组件子组件之间值的传递 1.如何注册组件 第一步:通过import将子组件载入父组件的js中 // 第一步:通过import将子组件载入父组件的js中 import child from './components/child.vue' import childB from './components/childB.vue' 第二步:将子组件在父组件的componerts中注册 components: { child, childB }, 如果想给引入的组…

VUE系列一 简介    vue是一个兴起的前端js库,是一个精简的MVVM.从技术角度讲,Vue.js专注于 MVVM 模型的 ViewModel 层.它通过双向数据绑定把 View 层和 Model 层连接了起来,通过对数据的操作就可以完成对页面视图的渲染二 优势    1 vue则是通过Vue对象将数据和View完全分离开来了.对数据进行操作不再需要引用相应的DOM对象,可以说数据和View是分离的,他们通过Vue对象这个vm实现相互的绑定.这就是传说中的MVVM. 2 我们可以理解成VU…

<template>     <div class="div">  //组建使用          <v-header @click.native="handleClick"></v-header>     </div></template> <script> //引入组建 import vHeader from './components/Header.vue' export de…

什么是组件 - 每一个组件都是一个vue实例 - 每个组件均具有自身的模板template,根组件的模板就是挂载点 - 每个组件模板只能拥有一个根标签 - 子组件的数据具有作用域,以达到组件的复用 根组件 <div id="app"> <h1>{{ msg }}</h1> </div> <script type="text/javascript"> // 通过new Vue创建的实例就是根组件(实例与组件一…

内容 实现简单答题效果 环境 Vue,webpack(自行安装) 实现方式 页面将答题列表传递给调用组件,组件将结果返回给调用页面(其它模式也ok,这只是例子) --------------------------------------------分割线----------------------------------------------- 组件 zujian8.vue <template> <div class="aaaa"> <div clas…