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

241 阅读1分钟

@vue/cli 用法

搜素 @vue/cli ,进入官网,打开文档,打开创建一个项目,CRM

  1. 全局安装:yarn global add@vue/cli
  2. 创建目录:vue create路径
  3. 选择使用哪些配置
  4. 进入目录,终端运行 yarn serve

开启webpack-dev-server 更多安装介绍查看官方教程cli.vuejs.org/zh/guide

你也可以使用codesandbox在线开发,不用登陆在里面进行更改,测试,也可以将它导出为本地文件使用

SEO 友好

即:搜索引擎优化,搜索引擎根据curl 结果猜测页面内容 加上title、description、keyword、h1、a标签就可以实现

Vue.js和vue.runtime.js的区别

  1. vue.js 有 compiler,体积大占40%。vue.runtime.js 没有,需要配合用Webpack配置

  2. 完整版的视图是写在 HTML 里或者写在 template 里的,运行时版的视图是写在 render 函数里用 h 来创建

完整版的视图可以直接在HTML里面写

3.png 2.png

4.png

template 和 render 的用法

template 用法

new Vue({ template: '<div>{{ hi }}</div>' })

render用法

new Vue({ render (h) { return h('div', this.hi) } })

5.png