版本
Vue分为两个版本:完整版和非完整版(runtime版)
区别:
-
完整版:有编译器,非完整版没有,但是相对的,非完整版更加节省空间(节省30%)
-
完整版视图写在html里或者写在template选项里。非完整版写在render函数中,需要用h来创建标签。
-
cdn引入时,非完整版名为vue.runtime.js(有min后缀的表示没有注释版的,可以节省空间)
-
webpack:完整版需要配置alias,非完整版有默认配制
-
@vue/cli引入:完整版需要额外配制,非完整版有默认配制
建议:总是使用非完整版,然后配合webpack的vue-loader和vue文件,这样做的好处有:
-
可以保证用户体验,js文件体积更小,但只支持h函数
-
保证开发体验,开发者可以直接在vue文件里写html标签而不写h函数
template 和 render 怎么用
render:render函数使得我们可以用js语言来构建dom,注意,rander函数的参数也是一个函数。
template:vue文件的基本结构之一,它的作用是模板占位符,可以包裹元素,这个template不会被渲染到页面上,因为它天生带有display:none;
属性。
关于在线敲代码神器--codesandbox
在首页create sandbox中便可以直接看到诸如react、vue等框架,点击即可直接创建项目,并且支持将在线编辑的代码下载至本地,比JSBin高到不知道哪里去了(就是有些慢)。并且提供在线预览,就是一个字妙。
这篇写得实在是太烂了,但是目前能听懂的真的是不太多,先往后听听,回头会回来修改这篇博客的。。