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 · 348 阅读 · 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 · 155 阅读 · 0 评论 -
Vue技巧系列：常用技巧
1 下拉框数据绑定<select v-model="num"> <option :value="optionValue" v-for="optionValue in optionValues">{{ optionValue }}</option></select>原创 2021-02-28 11:44:40 · 138 阅读 · 0 评论 -
Vue基础系列：常用命令
1 常用命令常用命令包括判断，展示，循环，监听等序号属性描述1v-if,v-else-if, v-else逻辑判断，控制数据是否展示，true：展示，false：不展示2v-show展示数据3v-for遍历，遍历变量和对象3v-on监听函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta原创 2021-02-28 11:44:10 · 125 阅读 · 0 评论 -
Vue基础系列：数据绑定与数据监听
1 数据绑定数据绑定即数据联动，分为单向联动和双向联动，详细描述如表1所示。序号属性命令描述1单向绑定（联动）v-bind:value内存数据改变，直接改变页面值，页面数据改变，无法改变内存数据，内存数据及代码中定义的变量存储的数据2双向绑定（联动）v-model内存和页面数据实时互通，即内存数据改变，页面数据同时改变；页面数据改变，同时改变内存数据1.0 单向绑定效果：页面修改数据，无法改变内存数据<!DOCTYPE html><原创 2021-02-28 11:42:21 · 409 阅读 · 0 评论 -
Vue基础系列：代码结构
1 代码结构实例化Vue对象，对象中填写对应模板、数据、方法、监听等，序号属性描述1el元素，对应div的id2template模板3data数据4methods方法5watch监听1.0 模板一模板中data形式为：data(){}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2021-02-28 11:39:20 · 390 阅读 · 0 评论