前端
MyAzhe0ci3
这个作者很懒,什么都没留下…
展开
-
Vue的计算属性详细
什么是计算属性?我们知道,在模板中可以直接通过插值语法显示一些data中的数据。但是在某些情况,我们可能需要对数据进行一些转化后再显示,或者需要将多个数据结合起来进行显示比如我们有firstName和lastName两个变量,我们需要显示完整的名称。但是如果多个地方都需要显示完整的名称,我们就需要写多个{{firstName}} {{lastName}}我们可以将上面的代码换成计算属性:OK,我们发现计算属性是写在实例的computed选项中的。计算属性的复杂操作计算属性中也可以进行一些原创 2021-05-19 17:19:59 · 198 阅读 · 0 评论 -
Vue.js V-bind基本用法
V-bind基本用法除了内容需要动态来决定外,某些属性我们也希望动态来绑定。比如动态绑定a元素的href属性比如动态绑定img元素的src属性这个时候,我们可以使用v-bind指令:作用:动态绑定属性缩写::v-bind用于绑定一个或多个属性值,或者向另一个组件传递props值在开发中,有哪些属性需要动态进行绑定呢?还是有很多的,比如图片的链接src、网站的链接href、动态绑定一些类、样式等等v-bind有一个对应的语法糖,也就是简写方式在开发中,我们通常会使用语法糖的形式,因为这原创 2021-05-18 18:15:28 · 200 阅读 · 0 评论 -
Vue的一些基本指令
v-once:v-once指令只渲染元素和组件一次,随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能v-html某些情况下,我们从服务器请求到的数据本身就是一个HTML代码如果我们直接通过{{}}来输出,会将HTML代码也一起输出。但是我们可能希望的是按照HTML格式进行解析,并且显示对应的内容。如果我们希望解析出HTML展示,可以使用v-html指令,该指令后面往往会跟上一个string类型,会将string的html解析出来并且进行渲染v-tex原创 2021-05-13 18:22:00 · 122 阅读 · 0 评论 -
Vue的认识和使用前提
简单认识一下vueVue是一个渐进式的框架,什么是渐进式的呢? 渐进式意味你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交替体验或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统比如Core+Vue+router+Vuex,也可以满足你各种各样的需求Vue有很多特点和Web开发中常见的高级功能解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM学习Vue的前提你需要具备一定的HTML,CSS,JavaScript基础安装Vue方式一:原创 2021-05-11 09:04:37 · 334 阅读 · 0 评论