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项目,进去之后就可以写代码了。