Vue 两个版本的区别和使用方法

320 阅读1分钟
  1. 两个版本对应的文件名
  2. 完整版:vue.js
    非完整版:vue.runtime.js

    二者的区别在于有无编译器。完整版的视图写在HTML里或template选项,非完整版的视图写在render函数里,用h来创建标签。
    在实际环境中,应当使用非完整版,因为 vue.runtime.js 体积更小,在用户网络情况不好时能更快地加载。

  3. template 和 render 怎么用
  4. template:

    new Vue({
        el:'#app',
        template:`
          <div>{{n}}</div>
        `,
        data:{
        n:0
      }
    })
    

    render:

    new Vue({
        el:'#app',
        render(h){
          return h('div',this.n)
        }
        data:{
        n:0
      }
    })
    

  5. 如何用 codesandbox.io 写 Vue 代码
  6. 登录网站https://codesandbox.io/ 选择Vue