VUE入门

    多年前就知道vue，多少也有一定了解，近来系统性的深入了解一下，顺便做一下笔记。

1、安装基本环境，node.js

2、选择适合自己的IDE

3、设置npm

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

4、安装vue-cli和webpack

npm install -g vue-cli
npm  install -g webpack

5、使用vue-cli初始化项目

vue init webpack your_project_name

6、vue项目目录结构

build
config    ------------->配置文件夹，新手可默认
	dev.env.js
	index.js
	prod.env.js
	test.env.js
node_modules
src    ------------->源码文件夹
	assets    ------------->资源文件夹
	components    ------------->组件文件夹
	router    ------------->路由文件夹
	App.vue
	main.js
static
test
index.html
package-lock.json
package.json

7、常见的VUE语法

v-bind  <=>  :    数据绑定
v-on    <=>  @    动作绑定
v-if              
v-for
v-model
... ...

{
    el: '',
    data: {},
    computed: {},
    methods: {},
    watch: {},
    components: {},
    directives: {}
}

... ...

8、运行

npm run dev    调试
npm run build    编译