vue学习笔记
2018-09-09 11:09
411 查看
一、安装
1.安装vue
npm install vue -g //全局安装
2.安装vue-cli
npm install --global vue-cli
3.#创建一个基于 webpack 模板的新项目
vue init webpack my-project
//如果出现错误vue命令找不到,可能是环境变量的问题,环境变量设置请参考:参考
回车后创建了项目名为my-project的项目,目录如下:
目录结构
1.build 项目构建相关代码
2.config 配置目录,包括端口号等。我们初学可以使用默认的
3.src 这里是我们要开发的目录,基本上要做的事情都在这个目录里。 里面包含了几个目录及文件:
assets: 放置一些图片,如logo等。
components: 目录里面放了一个组件文件,可以不用。
App.vue: 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。
main.js: 项目的核心文件。
4.static 静态资源目录,如图片、字体等。
5..xxxx文件 这些是一些配置文件,包括语法配置,git配置等。
6.index.html 首页入口文件,你可以添加一些 meta 信息或统计代码啥的
二、语法专题
1.每个 Vue 应用都需要通过实例化 Vue 来实现。
当一个 Vue 实例被创建时,它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时,html 视图将也会产生相应的变化。
相关文章推荐
- Vue.js学习笔记(4)
- Vue 学习笔记1之安装
- h5学习笔记:vue 和 数据模拟
- Vue.js学习系列二 —— vuex学习实践笔记(附DEMO)
- VUE学习笔记一:搭建基本运行环境
- vue学习笔记-vuex
- vue.js学习笔记-6
- vue学习笔记(4)
- vue学习笔记1
- Vue2.5学习笔记之如何在项目中使用和配置Vue
- 入门 vue 学习笔记
- Vue学习笔记-1
- vue视频学习笔记07
- vue.js 源代码学习笔记 ----- 工具方法 env
- vue.js 源代码学习笔记 ----- instance proxy
- vue.js 源代码学习笔记 ----- text-parse.js
- vue-router的学习笔记--2
- Vue学习笔记五
- Vue.js学习笔记:v-no绑定事件
- VUE学习笔记三:基础语法之循环语句