1.vue的两个版本
-
Vue完整版（vue.js）
- 特点：有编译器compiler,但是compiler占30-40%体积
- 视图：写在html或template选项
- cdn引入：vue.js 文件名不同，生成环境后缀为.min.js
- webpack引入：需要配置alias
- @vue/cli引入：需要额外配置
- Vue非完整版（vue.runtime.js ）
-
vue非完整版（vue.runtime.js）：
- 特点：没有编译器compiler，总体大小比完整版少30-40%。
- 视图：写在render函数里，用h来创建标签（h是尤雨溪预先写好传给render的）
- cdn引入：vue.runtime.js
- webpack引入：默认使用此版本
- @vue/cli引入：默认使用此版 总结： 使用非完整版，用vue-loader与vue文件，保证客户体验。
2.template 和 render 怎么用
Template简单直接，render适合复杂逻辑。
Template:
<template>
<div id="app">
{{n}}
</div>
</template>
<script>
import HelloWorld from "./components/HelloWorld.vue";
export default {
name: "App",
data() {
return {
n: 0
};
},
};
</script>
render:
render(h){
return h('div', [this.n,h（'{on:{click:this.add}','+1'])
}
使用者template理解起来容易，但灵活性不足,有编译过程，template性能较低。 render，但对使用者要求较高。
使用render函数渲染没有编译过程，render的性能较高。，相当于使用者直接将代码给程序。所以，使用它对使用者要求高，且易出现错误。
Render 函数的优先级要比template要高。
3.如何在线更方便写vue？
使用codesandbox.io ，无需要登录。
