-
Vue小结查看全部
-
vue小结查看全部
-
vue.js的一个组件查看全部
-
1.Vue.js组件的重要选项：data数据/methods方法/watch监听（数据改变后进行的操作）。 2.模板指令：html和vue对象的粘合剂。 数据渲染：v-text、v-html、{{msg}}、v-if（直接不渲染这个dom元素）、v-show（通过css的display:none;来对元素进行隐藏）、v-for，模板指令是写在html里的。v-for循环渲染列表。 v-on事件绑定：（1）v-on:click="doThis"（2）简写@click="doThis"。--两种写法。 v-bind指dom元素的属性绑定：（1）v-bind:src="imageSrc"（2）v-bind最常用的是class，如v-bind:class="{red:isRed}"，简写为:class="{red:isRed}"。查看全部
-
Vue.js组件：查看全部
-
1.双向数据绑定：查看全部
-
吸收了react和angular的优点查看全部
-
vue.js组件的重要选项---watch查看全部
-
组件划分 功能模块 -select ,pagenation等等 页面区域-header,footer,sidebar等等 vue的组件查看全部
-
实现存储功能 localstorage本地存储 localstorage.setItem("today","星期天") localstorage。getItem("today")查看全部
-
vue.js 组件的重要选项-data new Vue({ data:{//代表vue对象的数据， a:1, b:[], }, methods:{//methods代表vue对象的方法 doSomething:function(){ this.a++; } }, watch:{// watch设置了对象监听的方法 "a":function(val,oldVal){ console.log(val,oldVal); } } }) 数据渲染：v-text ,v-html ,{{ }} <p>{{a}}</p> <p v-text="a"></p> <p v-html="a"></p> new Vue({ data:{ a:1, b:[] } }) 控制模板隐藏v-if v-show <p v-if="isShow"></p> <p v-show="isShow"></p> new Vue({ data:{ isShow:true, } }) 渲染循环列表v-for <ul> <li v-for="item in items"> <p v-text="item.label"></p> </li> </ul> new Vue({ items:[ { label:"apple" }, { label:"banana" } ] }) 事件绑定v-on <button v-on:click="doThis"></button>或者 <button @click="doThis"></button> methods:{ doThis:function(something){ } } 属性绑定v-bind 或者省略v-bind 直接用: <img v-bind:src="imageSrc"> <div :class="{red:isRed}"></div> <div :class="[classA,classB]"></div> <div :class="[classA,{classB:isB,classC:isC}]"></div> v-modal <input v-modal="newItem">查看全部
-
通过props数组设置属性查看全部
-
组件必须使用components 引入才能使用查看全部
-
vuejs强调组件的概念。一个.vue文件就是一个组件，它包含三个部分， <template></template> <style></style> <script></script>查看全部
-
local storage 在chrome中的application中查看全部
举报
0/150
提交
取消