Vue知识点
文章平均质量分 59
℡52Hz★
这个作者很懒,什么都没留下…
展开
-
Vue中的指令
从以上代码中我们可以发现v-if=“age”的元素并没有在控制台中渲染出来,也就是说,当表达式的值为false时,v-if指令不会创建该元素,只有当表达式的值为true时,才会真正创建该元素。这与v-show指令不同,v-show是不管表达式的真假,元素本身都会被创建,显示与否是通过css的样式属性display来控制的。v-show指令会根据表达式的真假值,切换元素的display css属性,来显示或隐藏元素,当条件变化时,该指令会自动触发过渡效果。它是根据表达式的真假来有条件的渲染元素。原创 2023-04-01 17:54:24 · 56 阅读 · 0 评论 -
Vue.js的语法
我们可以从以上代码中看到在组件选项对象中会有一个data()函数,Vue在创建组价实例时会调用该函数,data()函数返回的是一个数据对象,Vue会将这个对象包装到它的响应式系统中,即转化为一个代理对象,这个能使Vue在访问或修改属性时执行依赖项跟踪和改进通知,从而自动渲染DOM。创建了应用程序的实例后,可以调用实例的mount()方法,制定一个DOM元素,在该DOM元素上转载应用程序的根组件,这样这个DOM元素中的所有数据变化都会被Vue框架所监控,从而实现数据的双向绑定。(2)原始HTML插值。原创 2023-03-17 17:02:11 · 77 阅读 · 0 评论