两个版本的差别
- 完整版文件是vue.js
完整版额外包含了编译器。所以体积比非完整版大40%左右。
视图部分需要写在html中;或者写在vue组件中的template选项中。 - 只包含运行时的版本是vue.runtime.js
非完整版,没有编译器。视图部分需要写在render()函数里。
template和render如何使用
template一般写在vue组件里的顶部,html语法如下:
<template>
<div id="app">
<div>{{ hi }}</div>
</div>
</template>
render写法,直接写在实例中:
// 不需要编译器
new Vue({
render (h) {
return h('div', this.hi) //hi是传值的变量
}
})
如何用 codesandbox.io 写 Vue 代码
打开:https://codesandbox.io
点击vue图标跳转:
打开之后就可以编辑vue项目了
编辑完代码后,ctrl+s保存,就可以预览修改代码后的效果了。
资料来源:饥人谷