vue
文章平均质量分 66
Dn_wh
这个作者很懒,什么都没留下…
展开
-
vue- el与data 的两种写法
el与data 的两种写法 el: new Vue 时候配置el属性 先创建 Vue 实例,随后通过vm.$mount(’#root’) 指定 el 值 data 两种写法 对象式 函数式: 现在写那种都可以,以后学组件的时候,data 必须使用函数式,不然会报错 一个重要原则: 由 vue 管理的函数(比如这里写的 data),一定不要写箭头函数,一旦写了箭头函数, this就不再是 vue 实例了,它指向的将会是 window <!DOCTYPE html> <html la原创 2022-03-25 15:39:56 · 172 阅读 · 0 评论 -
vue-数据绑定
vue有两种数据绑定方法: 单向绑定:v-bind ——> 数据只能由 data 流向页面 双向绑定:v-model ——> 数据不仅能从 data 流向页面,还可以从页面流向 data 注意: 双向绑定一般都应用在 表单类元素上(有value 值的) v-model:value 可以简写为 v-model ,因为 v-model 默认收集的就是value值 <!DOCTYPE html> <html lang="en"> <head> <原创 2022-03-24 23:51:05 · 392 阅读 · 0 评论 -
vue 模板
文章目录插值语法指令语法 vue 语法有这两大类 插值语法 功能:用于解析标签体内容 写法:{{xxx}} ,xxx 是 js 表达式,且可以直接读取 data 里面的所有属性 指令语法 功能:用于解析标签,包括:标签属性、标签体内容、绑定事件… 举例: v-bind:href = “xxx” 或者简写 :href = 'xxx" ,xxx 同样要写 js 表达式,并且可以直接读取到 data 里的所有属性 备注: vue 里面有很多属性,形式都是 v-xxx <!DOCTYPE h原创 2022-03-24 23:26:21 · 357 阅读 · 0 评论 -
vue基础知识
文章目录1.入门2. 分析代码MVVM 就是构建用户界面的渐进式 JavaScript框架 就是那大数据以后,怎么变成动态的页面 渐进式:vue可以自底向上逐层的应用 特点: 组件化,提高代码复用率,并且让代码更好维护 .vue 就是一个组件,封装了 声明式代码:让编码人员不需要直接操作DOM,提高开发效率:v-for 虚拟DOM+优秀Diff算法,尽量复用DOM节点 前提: ES6语法规范 ES6模块化 包管理器 原型、原型链 数组常用方法 –axios –promise Vue.config 是一个对象原创 2022-03-24 20:56:56 · 1485 阅读 · 3 评论