vue完整版和非完整版的区别和使用

文章目录

• 两个版本对应的文件名
• template 和 render 怎么用
• 如何用 codesandbox.io 写 Vue 代码

官网最全：https://cn.vuejs.org/v2/guide/installation.html

1. 两个版本对应的文件名

   完整版：vue.js

   内含compiler，编译器可以把试图上的html转成DOM节点，转成html中的内容，所以体积大，不建议用，是从HTML获得视图。

   非完整版：vue.runtime.js

   非完整版中的html只是字符串，且不能从html中获取视图，但是可以通过webpack内的vue-loader,来调用pomliler,把其转成h()函数，用户下载的js文件体积变小了

2. template 和 render 怎么用

   templete是视图的内容，可以直接包含html内容，常直接放在视图层，用在完整版就直接把html显示在视图，template: “

   {{n}}
   ”

   render是非完整版常用的，常把视图写在rander函数中，用h来创造标签，templete的内容放在vue文件中，vue-loader可以把内容被转换成render(h){h(‘div’)}，render函数为render:h=>h(demo)

3. 如何用 codesandbox.io 写 Vue 代码

https://codesandbox.io/ 不要注册 直接创建

新建vue文件即可使用