天天瞎忙活,QQ:705719110,欢迎来撩!

Vue 2.0 初探(四)

JS学习 随风 262℃ 0评论

之前在npm的使用中提到了一个命令行工具 vue-cli,称之为vue的脚手架工具,安装就是使用下面的命令安装

然后就可以使用 vue 命令根据模板创建一个项目,比如常用的 webpack 这个项目,使用命令如下

然后开始下载项目模板,之后会出现几个选项,其中 ESLint、Karma、Nightwatch这三个选项不适合初学者选择为No,其他的默认就行,安装完成后切换到项目目录执行下面的命令,安装资源包,如果有报错,建议 nodejs 和 npm 的版本升级到最新版,毕竟我踩过坑。。

顺利执行,安装成功!然后打开项目,主要看src目录,src目录下 main.js 入口,App.vue 是控制的一个 vue 文件,components 文件夹下是我们创建组件时用的,assets 是资源,首先来创建两个组件,也就是我们之前用的组件

然后修改 App.vue 文件,着重要看的是 export default 里面的参数,其实跟我们之前用的 new Vue 差不多,还有要引入新写的组件,在模板中记得调用

然后去看一下跟目录的 index.html 文件,其实就一个 div ,充当着工程的入口,我们加上 Bootstrap 库,就得到了我们之前同样的效果。

转载请注明:怼码人生 » Vue 2.0 初探(四)

喜欢 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址