@vue/cli 用法
搜素 @vue/cli ,进入官网,打开文档,打开创建一个项目,CRM
- 全局安装:yarn global add@vue/cli
- 创建目录:vue create路径
- 选择使用哪些配置
- 进入目录,终端运行
yarn serve
开启webpack-dev-server 更多安装介绍查看官方教程cli.vuejs.org/zh/guide
你也可以使用codesandbox在线开发,不用登陆在里面进行更改,测试,也可以将它导出为本地文件使用
SEO 友好
即:搜索引擎优化,搜索引擎根据curl 结果猜测页面内容 加上title、description、keyword、h1、a标签就可以实现
Vue.js和vue.runtime.js的区别
-
vue.js 有 compiler,体积大占40%。vue.runtime.js 没有,需要配合用Webpack配置
-
完整版的视图是写在 HTML 里或者写在 template 里的,运行时版的视图是写在 render 函数里用 h 来创建
完整版的视图可以直接在HTML里面写
或
template 和 render 的用法
template 用法
new Vue({ template: '<div>{{ hi }}</div>' })
render用法
new Vue({ render (h) { return h('div', this.hi) } })