美文网首页
浅析Vue的两个版本

浅析Vue的两个版本

作者: shangjingfan | 来源:发表于2021-02-20 14:44 被阅读0次

一、 Vue分为两个版本

  1. 完整版,包含compiler编译器(编译器可以将template字符串编译成JS渲染函数的代码),在通过cdn引用的时候,以vue.js结尾,
  2. 非完整版,不包含compiler编译器,通过cdn引用的时候,以vue.runtime.js结尾
    image.png

二、template 和 render 的用法

// template的使用
new Vue({
  template: "<div>{{n}}</div>"
})
// render的使用
new Vue({
  render(h){
   return h("div",this.n)
 }
})

三、如何用 codesandbox.io 写 Vue 代码

步骤:打开https://codesandbox.io/ ;点击create sandbox;选择Vue;接下来就可以正常写Vue代码了,写完之后,可以点击左上角File--Export to ZIP导出写好的Vue项目

image.png
image.png
image.png

相关文章

  • 浅析Vue的两个版本

    一、 Vue分为两个版本 完整版,包含compiler编译器(编译器可以将template字符串编译成JS渲染函数...

  • vue安装

    一、Vue两个版本的区别和使用方法 1、两个版本对应的文件 在我们使用 vue时,我们可以引用两个不同版本的 Vu...

  • 浅析Vue 版本区别

    Vue 版本区别 1. 版本文件名 完整版 vue.js 只包含运行时版 vue.runtime.js 2...

  • (1)从Vue的入口文件开始

    Vue的两个版本 Runtime Only这个版本Vue在Webpack编译的时候就将template模板预编译成...

  • Vue的各种版本介绍

    Vue的各种版本介绍: cjs(两个版本都是完整版,包含编译器) vue.cjs.jsvue.cjs.prod.j...

  • 2020-12-22

    Vue 的两个版本 vue.cli官方文档[https://cli.vuejs.org/zh/guide/inst...

  • 在官网首页如何打开指南的pdf

    vue版本:"vue": "^2.6.14" vue-pdf版本:"vue-pdf": "^4.2.0"、"vue...

  • vue版本查看

    查看vue-cli版本:vue -V 查看vue版本:npm list vue

  • 「造轮子」—Xue-ui (轮播)

    在使用 Vue 之后,写了两个版本的轮播,一个版本利用 Vue 的动画很轻松地写出了无缝轮播,但是由于 flex ...

  • Vue3.0(vite工具搭建项目)

    vue3.0浅析 前提vue2.X中很多内容被保存下来;vue3.0采用的是typescript进行重构的 几大亮...

网友评论

      本文标题:浅析Vue的两个版本

      本文链接:https://www.haomeiwen.com/subject/uontfltx.html