《Vue 两个版本的区别和使用方法》

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

两个版本

完整版 vue.js vue.min.js

有compiler；写在HTML里或者写在template选项；compiler占用体积较大接近40%

非完整版 vue.runtime.js vue.runtime.min.js

没有compiler；写在render函数里，用h来创建标签

template和render

template标签在完整版中直接写在JS或者HTML中

HTML

<div id="app">
<template id="template">
<h1>这里是写在HtmL中的template内容</h1>
</template>
</div>

JavaScript

<script>
const app = new Vue({
    el:"#app",
    data: {
    },
    template:"#template"
})
</script>

这个是直接写在template里面。直接用id来进行关联。

render在非完整版中的使用方法

render函数接收一个参数h，这个参数是vue传的；用这个参数去创建实例

render(h){
    return h('div',[this.n,h('{on:{click:this.add}}')])
}

使用codesandbox.io 写 Vue 代码

使用codesandbox比较方便 codesandbox

直接create
选择vue
可以开始愉快的写代码啦！