vue初学笔记

1.挂载

	第一种：var vm = new Vue({
   el:'#app'})
	第二种：vm.$mount('#app')  加'$'防止重名

2.模板字符串

	var name="zhang";var age = 18;
	var str=`姓名：${
   name},年龄：${
   age}`;

3.插值：

	{
   {
   JS表达式}}  mustache语法
	{
   {
   title.substr(2)}}  //从第三个字符截取

4.计算属性

	<div>姓：{
   {
   firstName}}名：{
   {
   lastName}}全名：{
   {
   fullName}}</div>
	data:{
   
		firstName:'张',
		lastName:'三',
		fullName:'张三'
	},
	computed:{
   
		fullName(){
      //这是一个属性，不是函数，相当于data里面的fullName
			return this.firstName+this.lastName;
		}
		#fullName{
   
		#	get(){ //只读
		#	},
		#	set(){ //编辑时调用
		#	}
		#}
	}
	计算属性和方法的区别：
		1.计算属性使用时，是当成属性使用，而方法是需要调用的
		2.计算属性会进行缓存，如果依赖不变，则直接使用缓存结果，不会重新计算
		3.计算属性可以当成属性赋值

5.默认导出

	export default function(a,b){
   return a+b}

具名导出（普通导出）

	export function double(a){
   return a*2;}

另一个js调用导出

	import sum from './a.js';  //导入a.js中的default
	import {
   double} from './a.js';  //导入a.js中的double
	console.log(sum(3,4))  //7
	console.log(double(3))  //6

6. 子组件获取父组件传过来的参数

	父组件：
		//模板中
		<Banner :title='title'/>
		//js中
		import Banner from