vue学习笔记

一、安装
１．安装vue

npm install vue　-g //全局安装

2.安装vue-cli

npm install --global vue-cli

3.#创建一个基于 webpack 模板的新项目

vue init webpack my-project　

//如果出现错误vue命令找不到，可能是环境变量的问题，环境变量设置请参考：参考
回车后创建了项目名为my-project的项目，目录如下：

目录结构
１．build 项目构建相关代码
２．config 配置目录，包括端口号等。我们初学可以使用默认的
3.src 这里是我们要开发的目录，基本上要做的事情都在这个目录里。 里面包含了几个目录及文件：

assets: 放置一些图片，如logo等。
components: 目录里面放了一个组件文件，可以不用。
App.vue: 项目入口文件，我们也可以直接将组件写这里，而不使用 components 目录。
main.js: 项目的核心文件。
4.static 静态资源目录，如图片、字体等。
5..xxxx文件 这些是一些配置文件，包括语法配置，git配置等。
6.index.html 首页入口文件，你可以添加一些 meta 信息或统计代码啥的
二、语法专题
１．每个 Vue 应用都需要通过实例化 Vue 来实现。

当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时，html 视图将也会产生相应的变化。