Vue
艾伦蓝
Just do it
展开
-
Vue 所有指令(v-on:click = @click v-blind:class = :class)的学习
[color=blue][size=medium][b]先说一下指令里面的值都是表达式[/b][/size][/color][code="js"]new Vue({ el: "#box", // element(元素) 当前作用域 id="box" data(){ return { //用return返回对象 ...原创 2018-04-11 09:38:14 · 3121 阅读 · 0 评论 -
Vue 实例属性($option $el等)
联的DOM元素[/b][/color]vm.$data:获取Vue实例的data选项(对象)[b]vm.$options:[/b]获取Vue实例的自定义属性(如vm.$options.methods,获取Vue实例的自定义属性methods)vm.$refs:获取页面中所有含有ref属性的DOM元素(如vm.$refs.hello,获取页面中含有属性ref = “hello”的DOM元素,如果有多个元素,那么只返回最后一个);[code="js"]var app原创 2018-04-12 09:14:10 · 522 阅读 · 0 评论 -
Vue methods中方法之间的调用
is.tableData = []; this.totalCount = 0; this.money = 0; this.$message({ message:'', type:'success' }) } }[/code]上面的代码块里,checkout方法里的代码和delAllOrderList里的一模一样,可以使用如下来替换。[code=&qu原创 2018-04-12 09:04:02 · 931 阅读 · 0 评论 -
Vue 计算属性(computed)学习
l:"#example", data:{ message:"Hello" }, computed:{ //a computed getter reversedMessage:function(){ //'this' points to the vm instance return this.message.split('').reverse().join('')原创 2018-04-11 15:55:34 · 97 阅读 · 0 评论 -
Vue 过滤器(|)学习
原创 2018-04-11 14:30:54 · 249 阅读 · 0 评论 -
Vue 所有指令(v-on:click = @click v-blind:class = :class)的学习
(){ return { //用return返回对象 msg: "122" } } })[/code][img]http://dl2.iteye.com/upload/attachment/0129/4974/964572d3-53a1-34ff-bcfc-f3612acbcbb0.png[/img][size=medium][原创 2018-04-11 09:38:14 · 179 阅读 · 0 评论 -
Vue 组件相关知识学习
[code="js"]Vue.js 组件// 组件(Component)是 Vue.js 最强大的功能之一。// 组件可以扩展 HTML 元素,封装可重用的代码。// 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树:// 注册一个全局组件语法格式如下: Vue.component(tagName, options)...原创 2018-04-13 15:27:17 · 123 阅读 · 0 评论 -
Vue 实例属性($option $el等)
[img]http://dl2.iteye.com/upload/attachment/0129/5134/3019156f-c147-39b1-a9c4-7bdb6f291897.png[/img][size=large][color=red][b]属性:[/b][/color][/size][color=blue][b]vm.$el:获取Vue实例关联的DOM元素[/b][/col...原创 2018-04-12 09:14:10 · 4354 阅读 · 0 评论 -
Vue methods中方法之间的调用
[code="js"]delAllOrderList:function(goods) { this.tableData = []; this.totalCount = 0; this.money = 0; },checkout:function(){ if(this.totalCount != 0){ th...原创 2018-04-12 09:04:02 · 873 阅读 · 0 评论 -
Vue 计算属性(computed)学习
[color=red][size=medium][b]1.基础例子:[/b][/size][/color][code="js"] Original message:"{{message}}" Computed reversed message:"{{reversedMessage}}" var vm = new Vue({ el:"#exampl...原创 2018-04-11 15:55:34 · 717 阅读 · 0 评论 -
Vue 过滤器(|)学习
[size=medium][color=red][b]一、Vue提供的过滤器[/b][/color][/size]vue本身提供了很多便利的过滤器,这里列举一下,具体的可以参考官方文档过滤器。例子中使用到的data和methods[code="js"]data:{ message: 'hello world', money: 12345,...原创 2018-04-11 14:30:54 · 215 阅读 · 0 评论 -
Vue 组件相关知识学习
原创 2018-04-13 15:27:17 · 82 阅读 · 0 评论