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文件即可使用vue完整版和非完整版的区别和使用_第1张图片

你可能感兴趣的:(Vue)