Vue.js学习总结

1.Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统
2.我们不再和html直接交互，一个Vue应用会将其挂载到一个DOM元素上，然后对其进行完全控制，html是我们的入口，但其余的都会发生在新创建的vue实例内部。
3.学习了文本插值和指令。指令一般带有v-，以表示它们是Vue提供的特殊的attribute,它们会在渲染的DOM上应用特殊的响应式行为。（让这个绑定的元素节点和vue实例的内容保持一致）
4.我们可以通过vue把数据绑定到DOM文本或attribute属性，还可以绑定到DOM结构。Vue也提供一个强大的过渡效果系统，可以再Vue插入更新移除元素时自动应用过渡效果。
v-bind(绑定attribute属性 ：)
v-on（绑定attribute属性 @）
v-for（绑定DOM结构）
v-if（绑定DOM结构）
v-model（绑定DOM结构）
5.组件不可以访问Vue实例数据，组件是一个单独功能模块的封装：这个模块有自己的HTML，也应有属于自己的数据data。
6.ES6对象字面量的增强方法：
a.属性的增强方法

//es5 字面量的写法
const obj1 = {name: '张三'}；

//es6 属性的增强写法
const name = '张三';
const obj = {name}；

b.方法的增强方法

//es5:
const obj = {
	run: function(){
	},
	get: function(){
	},
}

//es6:
const obj = {
	fun() {
	},
	get() {
	
	}
}

7.vue中组件的data为什么是一个函数
组件是可复用的vue实例，一个组件被创建好之后，就可能被用在各个地方，而组件不管被复用了多少次，组件中的data数据都应该是相互隔离，互不影响的，基于这一理念，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响，组件中的data写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份data，就会造成一个变了全都会变的结果。