export default是什么 是默认输出 ，在JS的国际标准规范中有定义
首先这个跟 vue 没多大关系，这是 ES2015 语法而已。
vue的环境，现在大多集成了babel ，所以看到前卫的es6语法也就不足为奇了。
具体看看资料吧。
es6是什么 嗯，其实就是jS的国际标准规范
ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript 2.0。
ECMAScript和JavaScript到底是什么关系？很多初学者会感到困惑，简单来说，ECMAScript是JavaScript语言的国际标准，JavaScript是ECMAScript的实现
v-on 其实就是单击或者是键盘上点击的事件监听
v-on 事件监听可以使用 v-on 指令
v-on:click="counter += 1" 可以直接写表达式
v-on:click="greet" 可以直接接一个没有参数的函数
v-on:click="say('hi')" 可以接一个带参数的函数
Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，Vue.js通过由点(.)表示的指令后缀来调用修饰符。
v-on:click.stop="dothis" 阻止事件冒泡 v-on后面接的click事件 stop是对这个事件的修饰,不用再后面加（）
还有按键修饰符哦
Vue.js 表单 其实就是单选，多选和下拉列表的数据绑定问题
你可以用 v-model 指令在表单控件元素上创建双向数据绑定。
input v-model="message"placeholder="编辑我……"
textarea v-model= "message2" placeholder="多行文本输入……"
以上是两种输入框，一个是单行的输入框，一个是多行输入框
复选框如果是一个为逻辑值，如果是多个则绑定到同一个数组：
input type="checkbox"id="checkbox"v-model="checked"
以下实例中演示了单选按钮的双向数据绑定：
input type="radio"id="runoob"value="Runoob"v-model="picked"
selectv-model="selected"name="fruit"
radio 单选 checkbox 多选即复选 select 是下拉列表类型
注意是把单选和多选是input定义type的类型 下拉列表不是
修饰符 input v-model.lazy="msg" 在 "change" 而不是 "input" 事件中更新
input v-model.number="age"type="number" 如果想自动将用户的输入值转为 Number 类型
input v-model.trim="msg" 如果要自动过滤用户输入的首尾空格
学习方法总结
学习要不断的总结，先把只是读厚，就是仔细研究每一个只是点是什么意思，然后把只是读薄，总结概括一下每个大的知识背后有那些细小的知识点
重要且易忘知识
缩写
v-on 是@ a v-on:click="doSomething" a @click="doSomething"
v-bind 是 ：a v-bind:href="url" a :href="url"
参数 ：在指令后以冒号指明。例如， v-bind 指令被用来响应地更新 HTML 属性
a v-bind:href="url"
属性和方法：每个 Vue 实例都会代理其 data 对象里所有的属性；
除了 data 属性， Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $，以便与代理的 data 属性区分
vm.$watch('a',function(newVal,oldVal) $watch 是一个实例方法
vm.$el===document.getElementById('example')// -> true
给元素绑定href时可以也绑一个target，新窗口打开页面。
data:{url:'http://www.runoob.com',target:'_blank'}
_blank -- 在新窗口中打开链接
_parent -- 在父窗体中打开链接
_self -- 在当前窗体打开链接,此为默认值
_top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页)
网友评论