VUE2.0学习笔记


一,安装(npm形式,这里用了nodejs的安装包,其中默认包含了npm;使用nodejs是因为会微信小程序开发,小程序环境配置的第一步就是安装nodejs,下面补充了常规的安装方法)

  1,nodejs下载地址:https://nodejs.org/en/,一步步选择默认项安装就行:

     

  2,验证是否安装成功:

    win命令行,输入node -v和npm -v,可以看到相应的版本号,即为成功:

    

  其他Vue常用安装方式

  (1)Js引用的方式(推荐)





  如果加载慢,就下载到本地,引用本地文件

  (2)略。。。

二,npm常用命令与项目目录说明

  1,搭建命令

    #安装

    #进入项目

    #运行

  2,Vue 项目打包命令 

npm run build  #打包命令

  打包文件在Vue工程下dist文件夹中,包括 index.html 文件及 static 目录,static 目录包含了静态文件 js、css 以及图片目录 images。

三、第一个Vue程序

四、Vue语法-数据绑定

五、Vue语法-指令

六、Vue生命周期函数

七、Vue语法-条件渲染

八、Vue语法-列表渲染

九、Vue语法-事件绑定

十、Vue语法-表单

十一、Vue语法-组件