- 什么是Vue:是构建用户界面的渐进式的框架,它被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。
- 引用方式:通过<script src="">或者npm(cnpm)安装使用
- 原理:响应式原理
- Vue脚手架项目搭建过程:
- 搭建完Vue的环境之后,我们就开始创建一个项目吧
- 首先要进入创建项目的:cd XXX
- 创建全局的 vue-cli(每次创建的时候都需要执行的):cnpm install --global vue-cli
- 创建一个基于webpack 模板的新项目:vue init webpack projectname(项目名字)
- 这时候需要填写一些配置信息如下:填写完按回车
? Project name my-project
? Project description A Vue.js project
? Author runoob <test@runoob.com>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes
- 此上就创建好了一个项目,完后我们要进入项目安装并运行
- 将进入项目:cd 项目名
- 安装:cnpm install
- 运行项目:cnpm run dev(只有在运行项目的时候页面才会展示的哦)
- 安装Vuedebug工具参考:https://blog.csdn.net/p930318/article/details/87257760