《Vue两个版本》

179 阅读1分钟

Vue有两个版本,完整版和不完整版。

  • 完整版:vue.js , vue.min.js
  • 不完整版:vue.runtime.js , vue.runtime.min.js

完整版

如果使用完整版的Vue,可以使用template操作视图。template可以写在js里,也可以直接写在html里。因为完整版是有编译器的,可以将html字符串编译成真正的DOM节点。

不完整版

使用不完整版的Vue,就必须使用render()函数,手动创建元素。

render(h) {
    return h("div", this.n);
},

如果是不完整版的Vue加上vue-loader,vue-loader负责在构建的时候把html字符串预编译成h操作方法,就不需要我们自己写render函数了。可以在import 一个vue组件之后,直接:

render(h) {
    return h(Demo);
},

codesandbox

要想搭建一个使用Vue的项目,除了使用@vue/cli之外,还可以直接在codesandbox.io上写。注意不要登录。选择Vue项目,进去之后就可以写代码了。