Vuejs介绍以及入门学习

Vuejs 01/09 阅读 44 views次 人气 0
摘要:

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。

与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue 学习起来非常简单。

地址:https://cn.vuejs.org/


Vue、 Angular、React都是前端框架,Vue的特点:

1、单页面框架。

2、基于模块组组件化的开发模式。

3、Vue简单、灵活、高效,国内的中小企业里面用的非常多。


搭建VUE开发环境:

1、安装node.js(参考:http://www.what21.com/u/10015/4926520907675620766.htm)

2、搭建vue的开发环境,安装vue的脚手架。

npm install --global vue-cli

3、创建项目(cd到具体的项目中)

vue init webpack vue-demo
cd vue-demo
cnpm install / npm install   如果创建项目的时候没有报错,这一步可以省略
npm run dev

vuejs12.png

*cnpm,国内镜像,下载包的速度更快一些:

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

vuejs1234.png

4、另一种创建项目的方式

vue init webpack-simple vue-demo
cd vue-demo
cnpm install / npm install 
npm run dev

5、开发工具和访问

Visual Studio Code打开,src/App.vue文件加入代码,浏览器:http://localhost:8080,进行访问。


评论

表情

分享到: