Vue
关注
分享
扫一扫
ROLL.7
这个作者很懒，什么都没留下…
展开
-
Vue中v-bind的特点以及代码实现
Vue中v-bind的特点以及代码实现 1、v-bind指令的作用是为元素绑定属性（比如：src、title、class） 2、完整的写法是v-bind:属性名=" " 3、简写可以直接省略v-bind，只保留:属性名=" " 4、需要动态的增删class建议使用对象的方式（:class="{active:isActive}"）原创 2023-07-17 15:21:48 · 174 阅读 · 1 评论 -
Vue简介
Vue简介：1、JavaScript框架 2、简化Dom操作 3、响应式数据驱动原创 2023-07-11 22:13:20 · 72 阅读 · 0 评论 -
Vue框架的两种版本（开发和生产）
Vue框架的两种版本（开发和生产）:开发版本（有帮助的命令行警告）、生产版本（优化尺寸和速度）原创 2023-07-11 22:46:41 · 352 阅读 · 0 评论 -
Vue中el（挂载点）的特点
Vue中el（挂载点）的特点：1、el是用来设置Vue实例挂载（管理）的元素 2、可以使用除了HTML和BODY之外的其他双标签 3、可以使用ID选择器之外的选择器，但建议使用ID选择器 4、Vue实例的作用范围是vue会管理el选项命中的元素及其内部的后代元素原创 2023-07-11 22:54:18 · 157 阅读 · 0 评论 -
Vue框架中data(数据对象)的特点
Vue框架中data(数据对象)的特点：1、Vue中用到的数据定义在data中 2、data中可以写复杂类型的数据 3、渲染复杂类型数据时，遵守js的语法原创 2023-07-11 22:58:45 · 186 阅读 · 0 评论 -
Vue指令分别有哪些？
Vue指令分别有哪些？vue指令指的是以v-开头的一组特殊的语法，大概可以分为以下三种：1、内容绑定、事件绑定：v-text、v-html、v-on基础 2、显示切换、属性绑定：v-show、v-if、v-bind 3、列表循环、表单元素绑定：v-for、v-on补充、v-model原创 2023-07-11 23:09:38 · 72 阅读 · 0 评论 -
在Vue中使用v-text设置标签文本值（textContent）和拼接的代码
在Vue中使用v-text设置标签文本值（textContent）和拼接的代码 注意：v-text的默认写法会替换全部内容，使用差值表达式{{ }}可以替换指定内容；拼接：直接用+连接原创 2023-07-11 23:27:15 · 788 阅读 · 0 评论 -
在Vue中data（数据对象）实现的代码
在Vue中data（数据对象）实现的代码原创 2023-07-11 23:35:23 · 138 阅读 · 0 评论 -
Vue中v-html与v-text的区别
Vue中v-html与v-text的区别:1、v-text是设置标签的文本值，v-html是设置元素的innerHTML2、在v-html中有html结构会被解析为标签，在v-text指令中无论内容是什么只会解析为文本3、解析文本使用v-text，解析html结构使用v-html原创 2023-07-12 23:30:59 · 1842 阅读 · 1 评论 -
Vue中v-if的特点以及代码实现
Vue中v-if的特点以及代码实现 1、v-if根据表达式的真假切换元素的显示或隐藏 2、本质是通过操作dom元素来切换显示状态 3、当表达式的值为true时，元素存在于dom树中；当值为false时，元素从dom树中移除 4、频繁的切换使用v-show，反之使用v-if，使用v-show的消耗小原创 2023-07-16 23:07:09 · 314 阅读 · 1 评论 -
Vue中v-on的代码实现方法以及使用this关键字
Vue中v-on的代码实现方法以及使用this关键字：1、v-on指定的作用是为元素绑定事件 2、指令v-on：可以简写为@ 3、绑定的方法定义在methods属性中 4、方法内部通过this关键字可以访问定义在data中的数据原创 2023-07-12 23:39:26 · 169 阅读 · 1 评论 -
Vue中v-show指令的特点以及代码实现
Vue中v-show指令的特点以及代码实现 1、v-show指令的作用是根据真假切换元素的显示状态 2、原理是修改元素的display，实现显示隐藏 3、指令后面的内容都会被解析为布尔值 4、值为true是元素显示，值为false时元素隐藏 5、数据改变之后，对应元素的显示状态会同步更新原创 2023-07-16 16:06:28 · 681 阅读 · 1 评论