Vue ABC
文章平均质量分 69
Vue基础
天然玩家
请大家不要再订阅了!!!如遇到专栏里可以解决您问题的文章,您可以私信我。为了保护之前订阅用户的权益,专栏内容依旧保留,但是不会再更新内容了。
展开
-
Vue基础系列:路由及路由跳转
1 路由跳转 hash:前端自调试使用 history:前后端联调使用 1.0 自测路由跳转 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid原创 2021-02-28 17:26:31 · 338 阅读 · 0 评论 -
Vue基础系列:组件及父子组件通信
1 组件 组件即封装的功能。 1.0 局部组件 局部组件使用Vue.extend(“component-name”, object)定义,或者直接使用var定义,需要在Vue对象中注册使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2021-02-28 16:00:57 · 148 阅读 · 0 评论 -
Vue技巧系列:常用技巧
1 下拉框数据绑定 <select v-model="num"> <option :value="optionValue" v-for="optionValue in optionValues">{{ optionValue }}</option> </select>原创 2021-02-28 11:44:40 · 128 阅读 · 0 评论 -
Vue基础系列:常用命令
1 常用命令 常用命令包括判断,展示,循环,监听等 序号 属性 描述 1 v-if,v-else-if, v-else 逻辑判断,控制数据是否展示,true:展示,false:不展示 2 v-show 展示数据 3 v-for 遍历,遍历变量和对象 3 v-on 监听函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta原创 2021-02-28 11:44:10 · 118 阅读 · 0 评论 -
Vue基础系列:数据绑定与数据监听
1 数据绑定 数据绑定即数据联动,分为单向联动和双向联动,详细描述如表1所示。 序号 属性 命令 描述 1 单向绑定(联动) v-bind:value 内存数据改变,直接改变页面值,页面数据改变,无法改变内存数据,内存数据及代码中定义的变量存储的数据 2 双向绑定(联动) v-model 内存和页面数据实时互通,即内存数据改变,页面数据同时改变;页面数据改变,同时改变内存数据 1.0 单向绑定 效果:页面修改数据,无法改变内存数据 <!DOCTYPE html> <原创 2021-02-28 11:42:21 · 398 阅读 · 0 评论 -
Vue基础系列:代码结构
1 代码结构 实例化Vue对象,对象中填写对应模板、数据、方法、监听等, 序号 属性 描述 1 el 元素,对应div的id 2 template 模板 3 data 数据 4 methods 方法 5 watch 监听 1.0 模板一 模板中data形式为:data(){} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <原创 2021-02-28 11:39:20 · 377 阅读 · 0 评论