全部 vue 基础 vue前端开发快速入门与专业应用 vue 项目实战 vue 开发实战 nuxt vue cli VUE3 vue3 快速上手

分类：vue前端开发快速入门与专业应用

木灵鱼儿 3年前 vue前端开发快速入门与专业应用

vue入门感受

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

2389 0 0

Vue 路由

木灵鱼儿 3年前 vue前端开发快速入门与专业应用

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 to="/list">列表&...

2331 0 0

vue vue 路由 router

Vue 动态组件

木灵鱼儿 3年前 vue前端开发快速入门与专业应用

Vue 动态组件

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

2609 0 0

vue

Vue 过渡

木灵鱼儿 3年前 vue前端开发快速入门与专业应用

Vue 过渡

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

3006 0 0

vue vue过渡

Vue过滤器

木灵鱼儿 3年前 vue前端开发快速入门与专业应用

Vue过滤器

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

2408 0 0

vue vue过滤器

入门基础

木灵鱼儿 3年前 vue前端开发快速入门与专业应用

入门基础

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 需要为每个循环出来的对象加上:k...

2539 0 0

vue