首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Announcing Vue.js 2.0

更轻,更快 Vue.js 始终聚焦在轻量和快速上面,而 2.0 把它做得更好。...目前我们正在探索一个 Vue.js 2.0 的端,它会用 Weex:一个由中国最大的科技公司之一,阿里巴巴的工程师们维护的项目,作为一个 native 的渲染层。...兼容性以及接下来的计划 Vue.js 2.0 仍然处在 pre-alpha 阶段,但是你可以来 这里 查看源代码。...尽管 2.0 是一个完全重写的项目,但是除了一些有意废弃掉的功能,API 和 1.0 是大部分兼容的。看看 2.0 中一模一样的官方例子 - 你会发现几乎没有什么变化!...目前只有 Vuex 在 2.0 下可以直接使用,但是我们会确保在 2.0 正式发布时所有东西都会顺畅地工作。 我们不会因此而忘记 1.x 哦!

1.1K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    React页面应用3(webpack4 页面实现)

    1、React页面应用1(webpack4 开发环境搭建,包括热更新,api转发等)---2018.04.04 2、React页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等...)---2018.04.08 3、React页面应用3(webpack4 页面实现)---2018.04.09 4、React页面应用4(webpack4 提取第三方包及公共组件)---2018.04.10...5、React页面应用5(webpack4 页面自动化生成入口文件)---2018.04.11 6、React页面应用6(webpack4 开发环境打包性能小提升)---2018.04.12...7、React页面应用7(webpack4 生产环境配置)---2018.04.13 8、React页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等)---2018.04.16...1、实现页面,新建shop页面 app->component 下新建shop目录,并创建Index.jsx 完整代码 import React from 'react'; import '../..

    1.1K50

    React页面应用4(webpack自动化生成入口页面)

    1.React页面应用1(webpack开发环境搭建,包括Babel、热更新等) ----2017.12.28 2.React页面应用2(处理CSS及图片,引入postCSS及图片处理等)----2017.12.29...3.React页面应用3(webpack性能提升,包括打包性能、提取公共包等)----2017.12.30 4.React页面应用4(webpack自动化生成入口页面)----2017.12.31...5.React页面应用5(webpack生产环境配置,包括压缩js代码,图片转码等)----2018.01.01 6.React页面应用6(gulp自动化发布到多个环境,生成版本号,打包成zip等...)----2018.01.02 7.React页面应用7(引入eslint代码检查)----2018.01.03 开发环境:Windows 8,node v8.9.1,npm 5.5.1,WebStorm...然后 我们只需要 有新页面的时候执行 npm run devNew 再执行 npm run dev 愉快的开发吧~~~~~~~~~~

    1.8K50

    vue单页面页面的区别

    定义 SPA单页面应用(SinglePage Web Application) ,指只有一个主页面的应用(一个html页面),一开始只需要加载一次js、css的相关资源。...MPA页面应用(MultiPage Application) ,指有多个独立页面的应用(多个html页面),每个页面必须重复加载js、css等相关资源。页应用跳转,需要整页资源刷新。...区别 1.刷新方式 SPA:相关组件切换,页面局部刷新或更改 MPA:整页刷新 2.路由模式 SPA:可以使用hash,也可以使用history MPA:普通链接跳转 3.用户体验 SPA:页面片段间时间的切换快...SSR)优化 MPA:实现方法容易 7.使用范围 SPA:高要求的体验度,追求界面流畅的应用 MPA:适用于追求高度支持搜索引擎的应用 8.开发成本 SPA:较高,长需要借助专业的框架 MPA:较低,但也页面代码重复的...9.维护成本 SPA:相对容易 MPA:相对复杂 10.结构 SPA:一个主页面+许多模块的组件 MPA:许多完整的页面 11.资源文件 SPA:组件公用的资源只需要加载一次 MPA:每个页面都需要自己加载公用的资源

    1.6K40

    React页面应用1

    1.React页面应用1(webpack开发环境搭建,包括Babel、热更新等) ----2017.12.28 2.React页面应用2(处理CSS及图片,引入postCSS及图片处理等)----...2017.12.29 3.React页面应用3(webpack性能提升,包括打包性能、提取公共包等)----2017.12.30 4.React页面应用4(webpack自动化生成入口页面)---...-2017.12.31 5.React页面应用5(webpack生产环境配置,包括压缩js代码,图片转码等)----2018.01.01 6.React页面应用6(webpack自动化发布到多个环境...,测试环境、预生产环境等)----2018.01.02 7.React页面应用7(引入eslint代码检查)----2018.01.03 开发环境:Windows 8,node v8.9.1,npm...js公共js文件 --buildwebpack 打包输出目录 --config打包配置目录 --webpackwebpack配置目录 --entryBuildwebpack 打包入口文件目录 5.新建页面

    1.2K80

    Vue.js 2.0源码解析之前端渲染篇

    前不久Vue.js 2.0正式版已出,在体积优化(相比1.0减少了50%)、性能提升(相比1.0提升60%)、API优化等各方面都更上一层楼。...本文是系列文章,主要想通过对于Vue.js 2.0源码的分析,从代码层面解析Vue.js的实现原理,帮助读者能够更深入地理解整个框架的思想。此篇文章主要介绍前端渲染部分。...三、Vue的渲染逻辑——Render函数 在定义完成Vue对象的初始化工作之后,本文主要是讲渲染部分,那么我们接上面的逻辑,看Vue.js是如何渲染页面的。...VNode就是Vue.js 2.0中的Virtual DOM,在Vue.js 2.0中,相较Vue.js 1.0引入了Virtual DOM的概念,这也是Vue.js 2.0性能提升的一大关键。...在Vue.js 2.0中,是通过/src/core/vdom/patch.js中的patch(oldVnode, vnode ,hydrating)方法来完成的。

    10.4K00

    模态交互之DPL 2.0

    在智能语音交互发展的过程中,模态交互是一个必经阶段。...那么,DuerOS是如何支持模态交互的呢?一个集中的体现就是DuerOS 新推出的DPL 2.0。 1. 什么是DPL?...DPL 2.0 的特性实践 DPL2.0 中提供了大量的组件及其示例代码,我们可以轻松地参考范例实现各种的模态交互,具体的组件列表如下: Audio 音频 Container 容器 Counter 倒计时...} } ] } } 5.3 端上语音控制 DPL2.0 提供了一种在端上进行注册语音话术来提供基础页面语音交互能力的规范和基础框架,通过更易使用的API,让用户可以快速在组件上赋予更丰富的语音交互能力。...DPL 2.0 仅仅是DuerOS 模态交互的另一个起点而已,在DPL 中进一步使用本地引擎执行计算的能力已经在路上了。

    1.5K00

    React页面应用5(webpack4 页面自动化生成入口文件)

    1、React页面应用1(webpack4 开发环境搭建,包括热更新,api转发等)---2018.04.04 2、React页面应用2(webpack4 处理CSS及图片,引入postCSS,及图片处理等...)---2018.04.08 3、React页面应用3(webpack4 页面实现)---2018.04.09 4、React页面应用4(webpack4 提取第三方包及公共组件)---2018.04.10...5、React页面应用5(webpack4 页面自动化生成入口文件)---2018.04.11 6、React页面应用6(webpack4 开发环境打包性能小提升)---2018.04.12...7、React页面应用7(webpack4 生产环境配置)---2018.04.13 8、React页面应用8(webpack4 gulp自动化发布到多个环境,生成版本号,打包成zip等)---2018.04.16...9、React页面应用9(webpack4 引入eslint代码检查)---2018.04.17 开发环境:Windows 8,node v8.9.1,npm 5.5.1,WebStorm 2017.2.2

    2.7K30

    Webpack实现页面打包

    页面应用(MPA)概念 单页面在开发时会把所有的业务放在一个大的入口里面去,不同的子业务还是同一个URL地址,只不过后面的hash会有所不同。...页面相对于单页面的区别在于,项目发布上线以后,有多个入口文件,每一次页面跳转的时候,后台服务器都会返回一个新的html文档,这种类型的网站也就是页面网站,也叫页应用。 页面有什么优势呢?...多个页面之间是解耦的,利于维护; 2. 页面对SEO更加友好; 2....页面打包基本思路 页面打包的基本思路在于,每个页面对应一个entry,每个页面对应一个html-webpack-plugin,但这种方式每次在新增或删除页面时需要修改webpack配置,相当麻烦。...页面打包实现 4.1. 安装插件; npm i glob -D 4.2.

    1.2K20

    前端的单页面模式和页面模式

    (二)、前端搭建的模式选择(页面模式和单页面模式) 图片来源:https://blog.csdn.net/u013291076/article/details/53667382 1)页面模式(MPA...  Multi-page Application):     页面跳转需要刷新所有资源,每个公共资源(js、css等)需选择性重新加载     页面跳转:使用window.location.href...或者show/hide的方式来进行页面内容的更换;     数据传递:可通过全局变量或者参数传递,进行相关数据交互 两种模式对比: 页面模式页面模式(MPA  Multi-page Application...(),页面切换加载会很慢 页面片段间切换较快,用户体验好,因为初次已经加载好相关文件。...,无论在用户体验还是页面切换的数据传递、页面切换动画,都可以有比较大的操作空间 页面模式:比较适用于页面跳转较少,数据传递较少的项目中开发,否则使用cookie,localstorage进行数据传递

    1.5K30
    领券