浅析Vue的两个安装版本的区别1.文件名称 BootCDN.Vue链接完整版：vue.js 引入链接：https://

1.文件名称

完整版：vue.js 引入链接：https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js
非完整版:(runtime-only)vue.runtime.js 引入链接:https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.runtime.js

非完整版：

使用非完整版，引入 vue.runtime.js 时，视图写在 render 中 运行时版本使用来 JS 创建 Vue 实例、渲染虚拟 DOM，简单来说就是使用 render 函数：

new Vue({
    data(){
        return {
            msg:'hello'
        }
    }
    render(h){
        return h('div',this.msg)
    }
})

完整版：

使用完整版，引入 vue.js 时，视图写在 HTML 里或 template 中因为完整版多了一个编译器，这个编译器的作用就是用了将 HTML 字符转换成运行时版本中的 render 函数，所以可以直接使用 HTML 标签构建视图，也可以传入一个字符串给template选项来构建：
HTML

<div id='app'>
    {{msg}}
</div>

new Vue({
    el:'#app',
    data(){
        return {
            msg:'hi'
        }
    }
})

new Vue({
    el:'#app',
    template:'<div>{{msg}}</div>',
    data(){
        return {
            msg: 'hi'
        }
    }
})

第一步进入网站：

第二步：选择框架开发，这里是vue

然后你可以选择就在这个网站开发，也可以把项目打包下载下来

菜单栏：新建、导出、保存等等