vue.js初识（一）

vue.js安装

官网：http://cn.vuejs.org/

官方安装介绍：http://cn.vuejs.org/v2/guide/installation.html

MVVM框架：View、ViewModel、Model

npm安装参考文章：http://www.cnblogs.com/shhnwangjian/p/6559732.html

基于网络原因，建议将 npm 的注册表源设置为国内的镜像，可以大幅提升安装速度。

本文使用淘宝镜像，使用 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm

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

安装vue-cli命令行工具

# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ cnpm install
$ cnpm run dev

代码风格检查：eslint
构建工具：webpack
前端路由：vue-router
状态管理：vuex
服务端通讯：vue-resource

项目my-project目录中package.json文件记录项目的详细信息，包含它的依赖以及开发者的依赖，这些依赖是下载webpack模板使用到的。

通过cnpm install命令，会将所有的依赖放到项目的node_modules目录下。

通过cnpm run dev命令启动项目，它实际上也是用的package.json文件中scripts这段内容。

yarn

官网：https://yarnpkg.com/en/docs/install#windows-tab

windows下npm安装方式

npm install -g yarn

yarn 原仓库包下载不稳定，需要设置仓库为 tnpm 或在 cnpm

yarn config set registry “https://registry.npm.taobao.org”

vue页面

核心思想

数据驱动和组件化

1、数据驱动

2、组件化

组件设计原则：

页面上每个独立的可视\可交互区域视为一个组件；
每个组件对应一个工程目录，组件所需要的各种资源在这个目录下就近维护；
页面不过是组件的容器，组件可以嵌套自由组合形成完整的页面。

Vue-cli介绍

Vue-cli是Vue的脚手架工具。

vue.js初识（一）相关推荐

vue.js(初识)
简单了解一些JavaScript的面试题 1.什么是HTML语义化? HTML语义化就是使用HTML语义化标签.语义化标签就是拥有语义的标签.语义元素清楚地向浏览器和开发者描述其意义. 2.说下清除浮 ...
VUE.JS优势，初识。框架以及库的区别
1,层层的技术更新换代. 提高开发效率的发展历程:原生JS -> Jquery之类的类库->前端模板引擎-> Angular.js /Vue.js (能够帮助我们减少不必要的DOM操 ...
前端学习（2056）：初识vue.js
MVVM模式 jquery.js <!DOCTYPE html> <html lang="en"><head><meta charset= ...
Vue.js高效前端开发 • 【初识Vue.js】
全部章节 >>>> 文章目录一.Vue概述 1.Web前端框架介绍 2.MVC和MVVM 3.Vue介绍 4.安装Vue 二.Vue使用 1.第一个Vue应用 2.Vue的双 ...
初学Vue.js，从头来过~
之前上课也学过vue.js,但是一遍过下来,实话,没有记住什么,所以决定自己在对照着文档过一遍,所以之后会弄一些基础的东西,还请大神们莫喷~~~~今天先给平台打一个预防针,Young C 要来啦~~ ...
Vue.js 核心精要实战解析
课程简介前端框架领域,Angular.React.Vue.js 三足鼎立,而 Vue.js 因其性能.通用.易用.体积.学习成本低等特点深受广大前端们的追捧,并吸引了一大批前端初学者.作为 Vue. ...
Vue.js基础（极简、自用）
Vue.js 一套用于构建用户界面的渐进式JavaScript框架 JavaScript框架简化Dom操作响应式数据驱动官方网址:Vue.js (vuejs.org) awesome vue 图 ...
[Vue.js] 一篇超级长的笔记，给《Vue.js 实战》划个重点
本文前言本笔记建立在书籍<Vue.js实战 / 梁灏编著>的基础上,旨在帮助有 Vue.js 基础的朋友快速回忆 Vue.js 的细碎内容.初学者建议阅读<Vue.js实战> ...
《Vue.js实战》记录
目录初识Vue.js 指令 v-html v-pre v-bind v-on v-cloak v-once v-show v-for v-model 自定义指令全局指令局部指令钩子函数计算属 ...