我是靠谱客的博主 迷你毛豆,最近开发中收集的这篇文章主要介绍vue div链接_Vue 两个版本的区别和使用方法,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

Vue的两个版本

在vue的中文文档里,可以看到

e70b1d21d04053ae0f12b3a39aaa132c.png

完整版是指vue.js或者没有注释的vue.min.js,只含运行时版本指runtime.js/runtime.min.js。这个两个版本引入时,注意区别后缀,不要引入错误。

f459b4a7a686ce90559f09c4508837f6.png

这两个版本最大的区别是,完整版(vue.js)有compiler(编译器),非完整版(vue.runtime.js)没有compiler,所以完整版的体积比非完整版的体积大30%-40%。

完整版可以通过compiler把视图上的HTML转化为DOM节点,完整版的视图可以写在HTML里面或者template选项里面;非完整版中的HTML只是字符串,不能从HTML中获取视图,但是结合webpack引入vue-loader,就可把vue文件里的HTML转化为h函数,从而实现完整版的功能,又因为体积更小,能给用户更好的体验。

使用方法

完整版template使用方法,写在HTML或者js里

<template>
      <div id ="app" >
             {{n}}
            <button @click="add">+1 </button>
       </div>
</template>

非完整版的render使用方法

new Vue( {
   render(h) {
       return h('div', this.hi)
    }
})

如何用 http://codesandbox.io 写 Vue 代码

https://codesandbox.io/​codesandbox.io

打开链接,注意,如果登录的话,每个账户最多创建50个项目;不登录可以创建无限个项目,所以推荐不不登录:)

10f60a6d55929a9bee7ec9fcfcef9ef4.png

点击create sandbox之后,会出现大概如下的界面,然后选择vue

4b925c78d8a88b2aaff314efd9415454.png

然后就可以开始快乐写代码了!

写完如果要导出的话,我只找到了EXPORT TO ZIP 这个方法

f75a0141a12c3eb42fb95e850a9f11f8.png

最后

以上就是迷你毛豆为你收集整理的vue div链接_Vue 两个版本的区别和使用方法的全部内容,希望文章能够帮你解决vue div链接_Vue 两个版本的区别和使用方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(56)

评论列表共有 0 条评论

立即
投稿
返回
顶部