vue 小白操作记录
vue.js是一个轻量级的mvvc框架, 用来做DOM元素和数据绑定的。
使用方式
1、vue可以下载相关的js文件,直接在html中引用,和使用jquery相同。
2、vue还可以使用node.js,webpack等插件来加快开发进度,提高开发效率,推荐此方法。
Vue.js可以在html里引用,使用npm引入是方便包管理。
等到应用需要的库和框架多起来后,一个个从html里引入就不方便了。
所以用到打包工具比如webpack,可以直接require引入之后将不同模块打包成单个js文件。同时这些工具提供各种自动化处理,让前端开发更爽。
最后Vue.js是数据驱动,和JQuery思路不同,你几乎不需要自己进行复杂低效的dom操作,开发简介明了。
第二种的使用步骤如下:
1、下载安装node.js
2、安装淘宝cnpm镜像,适合中国使用
a、window+r,打开命令行窗口,输入
npm install -g cnpm --registry=https://registry.npm.taobao.org
b、升级cnpm
cnpm install cnpm -g
c、安装vue
cnpm install vue
d、安装vue-cli
cnpm install --global vue-cli
3、生成项目
a、用cd等命令进入要存放项目的路径,然后输入
vue init webpack "项目名称"
b、项目所在目录
cd "项目所在文件夹"
输入下面的命令
cnpm install
cnpm run dev
c、进入浏览器,输入localhost:8080
参考:https://blog.csdn.net/Small_Lee/article/details/68062223
草民秉笔直书,如有不妥之处,请指正,共同学习、共同进步!