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

Vue 提供给给开发者两个版本

**完整版：**vue.js

运行时版：vue.runtime.js

这两个版本的用法不同

完整版：不需要去写render函数，代码写法如下

new Vue({
    el:"#app",
    tempalte:`<div>{{n}}</div>`,
    data(){
        retrun {
           n:0
        }
    }
})

这样子就可以将n渲染在index.html里的{{n}}

运行版：需要render函数，配合单文件组件使用

import Vue from 'vue'import App from './App.vue'new Vue({
    render: h => h(App),}).$mount('#app')

这里面的App就是单文件组件

推荐一个在线编辑器

**codesandbox.io/
**

点击Create a Sandbox, it’s free按钮创建一个Vue模板试试吧

快速的生成了一个HelloWord，刺激吧