-
watch是监听方法,监听a的内容
查看全部 -
method是vue的方法,通过this.属性名获取vue的属性值
查看全部 -
实例化vue对象注意的点
1.类似于json创建对象
查看全部 -
vue.js的组件化:
将html js css写到后缀名为vue的文件中
区分三种类型通过<template><script><style>三个标签
查看全部 -
vue.js的特点双向绑定“
在页面上的输入会绑定到js代码的对象
js代码中对象的变动调用也会改变页面对象内容
查看全部 -
本来不困,学习了就困。查看全部
-
啊啊啊啊啊啊啊啊
查看全部 -
啊啊啊啊啊
查看全部 -
aaaaaa
查看全部 -
vue内:data,method,watch查看全部
-
vuejs的组件重要选项
查看全部 -
基本使用小结
查看全部 -
vue.js是渐进式JavaScript框架,易用,灵活(生态系统比较完善),高效
渐进式框架就是:可以根据自己项目的需求来引入组件
vue是法语中视图的意思,Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API。
查看全部 -
经常使用的vue对象
查看全部 -
1、data(存放所有的数据)
2、methods(方法,逻辑函数)
methods:{
doSomething:function(){
}
}
3、watch(监听函数)
watch:{
"a":function(val,oldVal){
console.log(val,oldVal)
}
}
4、v-text={{}}(不解析带有<p>属性的标签,直接输出文字)、v-html(先解析查看是否有标签属性的,在输出,安全xxs尽量不要直接输出标签)
5、v-for: v-for="(value,key,index) in items"
value:属性值 key :属性名
index:索引从0开始
<ul>
<li v-for="(value,key,index) in items">
<p v-text="item.label"></p>
</li>
</ul>
6、v-on:click="doThis" 简写:@:click="doThis" 事件绑定
7、v-bind:src="imagesSrc" 简写:
:src="imagesSrc" 动态添加属性
[] 这class是否等于规定的,{}class是否有这个的值是否是真的
<div :class="{red:isRed}"></div>
<div :class="[classA,classB]"></div>
<div :class="[classA,{calssB:isB,calss:isC}]"></div>
v-if = 控制页面是否渲染该元素,
v-if="isTrue",值为isTrue对应的data值(布尔型)
v-show = 已渲染完成,
控制display=>none/block,v-show="isTrue",
值为isTrue对应的data值(布尔型)
data methods watch 数据渲染 :v-text、v-html、{{}}
控制模块 :v-if、v-show(true/false)
循环列表 :v-for (item in items)
事件绑定 :v-on/@click="functionname" v-on:click="functionname"
属性绑定 :v-bind/:class="array/obj" v-bind:src="stylename"
查看全部
举报