vue入门感受

实习的地方使用的vue,于是只能硬着头皮学了,之前买过一本vue的书,于是派上了用场,但是实际其实用处感觉不大,前期的内容还是挺简单的,就是讲了几个vue的标签,指令这些的用法,但是一到路由这里就卡主了,因为1.0和2.0版本不同,很多东西都变了,而且例子也不详细,无奈只能放弃继续读下去,于是找一个视频教程和一本项目实战的书,期待能有新的认知,这里就暂时放弃继续写这本书的笔记了。

0
0

Vue 路由

基本写法首先引入vue的插件router,地址:https://unpkg.com/vue-router/dist/vue-router.js下载后head引入,然后创建好html的标签:<div id="app"> <ul> <li> <router-link to="/">主页</router-link> </li> <li> <router-link ...

0
0

Vue 动态组件

component通过compoent标签加上:is就可以判断让哪些组件显示。compoent可以理解为一个所有组件的母体,它包含了所有的组件,通过:is的值就可以让对应的组件显示出来。<div id="app"> <ul> <li @click="showview='home'">主页</li> <li @click="showview='list'">列表</li> <li @click=&q...

0
0
Vue 动态组件

Vue 过渡

class类名之间的区别单个说明不是很好理解,我们直接看它的流程图v-enter(动效开始之前)>------>------>------>v-enter-to(动效结束) v-leave(动效开始之前)>------>------>------>v-leave-to(动效结束)这两个表示一个来回,第一次点击运行第一个v-enter,第二次点击运行v-leave,这样有来有回就产生动效。两个动效一般都不会在类名里面写transition:all .3s;这种来控制动效时间,他们都有一个通用的类名,在开始到结束一直存在的:v-enter-...

0
0

Vue过滤器

由于2.0版本取消了所有的内置过滤器,而且过滤器只能在插值中使用,也就是{{xxx}}中使用,格式为{{name | 过滤器}};通过一个管道符号将前面需要过滤的内容隔开,后面写一个函数用于过滤,过滤器会将name作为第一个参数传入这个函数中,并且还支持传参。创建一个过滤器全局过滤器Vue.filter('deta',function(value){ if(!data instanceof Data) return value; return value.toLocaleDateString(); });通过Vue.filter创建一个全局过滤器,deta为过滤器名字,后面接一个...

0
0

入门基础

v-if/v-else看书上说v-show也可以和v-else配合使用,实际上并不行。:style 也支持三元判断,和:class一样,三元需要加个括号,然后里面如果是普通的string值需要用引号括起来,不然会认为是对象或者Vue对象的属性方法那些,从而报错。例子:<div :class="['one',(isFlag?'two':'three')]"></div> <div :style="{'font-size':(isFlag?'16px':'20px')}"></div>v-for需要为每个...

0
0
入门基础
加载中