vue简介(详细,安装)

Vue是一套用于构建用户界面的渐进式框架,何为渐进式框架呢,就相当于一层层的来进行渲染,一步步的来。Vue的核心库只关注视图层,最为重要的就是数据!它跟原来的js不一样,js是对dom的操作,而Vue是绑定数据。

学习vue,一定要对html,css,JavaScript有所了解。知道基础的东西,虽然没官方说的那样的吓人(官方说必须已经达到中级,但是我不这样认为,初级就可以了,因为我自己也是初级~),如果真的不了解,建议先放弃,不然你会学的很费力,会容易放弃,毕竟学习都是枯燥的。



引入安装


1.cdn引入

<script src=''https://cdn.jsdelivr.net/npm/vue/dist/vue.js''></script>


2.npm安装(打开cmd命令)


安装node.js(开发环境)

       官网地址:https://nodejs.org/en/download/

       参考地址:https://www.cnblogs.com/zhouyu2017/p/6485265.html


安装淘宝镜像(因为官方的有时候下载太卡了,也容易出错,这个相对于稳定一点)

        npm install -g cnpm --registry=https://registry.npm.taobao.org


安装webpack

       cnpm install webpack -g


安装vue脚手架

       npm install vue-cli -g

新建一个放项目的文件夹,用cmd进去


输入命令

vue init webpack-simple 工程名字<工程名字不能用中文>

其中会有一些设置,根据项目来


安装依赖

1.cd 项目名

2.npm install

3.cnpm install vue-router vue-resource --save(安装vue-router和vue-resource,就是路由跟网络请求模块)


运行

npm run dev(如果能看到hello vue !那就是成功了)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容