初学Vue（个人学习笔记）

简短的文章介绍：这个是我学vue时的学习笔记。前面“2-3”形式的是学习慕课网的一个课程，没学完。中间有一个“vue文档”。后面的“P4”形式的是跟b站技术胖的Vue2.x基础免费视频。目前同时在看《Vue.js快跑》，如果有需要记录的点，会加以补充。

好像这么弄有些乱，会花些时间重新整理一下的。

2020.6.20 目前在学coderwhy王红远老师的vue课，会对下面的知识点有补充

一、简单介绍vue

vue.js有什么用，是用来做什么的（整理）

Vue的核心是将数据显示在页面上，这一功能通过模板（Template）实现。为正常的HTML添加特殊的属性——被称作指令（Directive）——借助它来告诉Vue我们想要实现的效果以及如何处理提供给它的数据（Data）。——-《Vue.js快跑》

某一天突然发现vue报错，比如“ Vue is not defined”或者是“[Vue warn]: Cannot find element: #app”，莫名其妙不行，又莫名其妙可以...贴一个能运行的代码，以后不行的时候直接拿去调。感觉浏览器对代码格式要求比较严格，格式乖乖按照缩进弄吧

	  
	  
	
	


	

	    
哭了 bug在哪里啊啊啊啊啊啊啊啊
	

  {{ message }}

vue的编程范式是声明式编程，区别于js的命令式编程

js的命令式编程

// 1.定义数据
let message = 'Hello Vuejs'

// 2.获取DOM
const appDom = document.querySelector('#app')

// 3.将message设置到DOM中
appDom.innerText = message

// 4.修改message,并且将新的message赋值到DOM中

19.12.27更新：可以将vue.js的文件下载下来，然后引用。

开发环境 https://vuejs.org/js/vue.js 
生产环境 https://vuejs.org/js/vue.min.js

__________________ 

Vue有很多特点和Web开发中常见的高级功能

• 解耦视图和数据
• 可复用的组件
• 前端路由技术
• 状态管理
• 虚拟DOM

Vue的MVVM

v-if vs v-show

条件渲染：v-if、v-else、v-else-if、v-show。v-show不支持