轻度喵症

Vue

ES6(7) js(4) JS面试题(6) Mysql(1) node.js(9) React(5) 微信小程序(3) 数据可视化(2) 未归档(1) 细节(1) 详解(15) 问题(13) 面试题(9)

/ 注册

全部文章 / Vue （共15篇）

什么是MVVM？mvvm和mvc区别?

什么是MVVM MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model...

2021-06-01

0 580

vue 的class绑定方式，模板语法，计算属性，深度侦听

class绑定方式 (1) :class="{box1:flag}" key代表style样式下的class名,val为布尔值控制绑定,动态绑定的class可以和固定静态class共存,绑定动态的class可以配合表单的v-model使用,例如checkbox (2) :c...

2021-06-01

0 381

组件化

组件:把页面中的UI模块拆分出来(header,footer,nav),把DOM放在组件中,组件可以重复调用,渲染到页面中,减少代码量 (1) 全局组件:在每一个vue实例化中都可以取使用声明全局组件 Vue.component(‘组件名字’,{template:模板(HTML的内容,必须有...

2021-06-01

0 465

v-for为什么要加key

v-for为什么要加key 未加key时 <div id="app"> <input type="text" v-model="name"> <button @click=...

2021-06-01

0 478

Vue列表渲染

列表渲染数组：（item，index） of arr 对象:(val,key,index) of object 实际使用时常用[{},{}] (数组嵌套对象) key的管理:(vue v-for 下key值的作用) 在v-for使用v-bind:k...

2021-06-01

0 353

购物车

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ...

2021-06-01

0 325

v-model双向绑定的defineProperty实现

多选框绑定v-model时，会把选中的对应的value值加入到v-model绑定的数组中下拉列别选取单个值时使用字符串，多个值(multiple)需要使用数组 select下option 可以用v-for遍历，但是要用v-bind绑定如果option有value时，选中...

2021-06-01

0 426

Vue组件的命名

结论：组件命名最好不要使用驼峰命名，可以使用 -形式，或者开头首字母大写形式，目的是为了跟普通html标签进行区分 Vue.component("comA",{ template:``, } 组件下用驼峰式命名不...

2021-06-01

0 467

Vue生命周期、自定义指令，传值，状态管理，路由

生命周期 vue（包括组件)实例从实例化到消亡的一个过程，每个vue实例在被创建时都要经一系列的初始化过程，如需要设置监听，编译模板，将实例挂载到DOM并在数据变化时更新DOM等生命周期8个钩子函数的作用： beforeCreate:初始化内容 created...

2021-06-01

0 645

关于vue全家桶

vue全家桶包含哪些模块 vue-cli vue脚手架 vue-router 路由 axios http请求 vuex 状态管理（操作公用数据） UI库（element-ui） vue脚手架下，src文件夹下包含哪些文件，作用分别是什么？ ...

2021-06-01

1 497