vue
文章平均质量分 69
vue学习笔记
周国良
----------
展开
-
四、vue计算属性的使用
通常,在模板中可直接通过插值语法显示data中的属性,但是在某些情况,需要将某些数据进行转化后显示或者将多个数据结合起来显示原创 2022-03-25 15:47:59 · 5143 阅读 · 0 评论 -
三、vue :定义变量、v-for、v-on示例
一、vue定义变量let:定义常量const:定义变量二、vue循环 v-for<div id="app" > <ul> <li v-for="name in names"></li> </ul></div><script src="./js/vue.js"></script><script> const app = new Vue({ e原创 2022-03-25 15:46:58 · 1797 阅读 · 0 评论 -
二、vue中v-bind使用
一、v-bind基本使用一个页面中,除了标签内容需要动态绑定外,标签的属性也需要动态绑定,例如:a元素的href属性和img元素的src属性。这时就需要用到v-bind了。<body> <div id="app" > <!-- 动态绑定图片路径 在元素属性前面加b-bind指令即可--> <img v-bind:src="imgUrl"> <!-- 动态绑定链接 在元素属性前面加b-bind指原创 2022-03-24 21:14:11 · 3489 阅读 · 0 评论 -
二、vue插值操作
一、Mustache 语法mustache语法就是两个大括号"{{}}" ,mastache语法不仅直接可以写值,也可以写一些简单的表达式。<body><div id="app" > <h1>{{counter * 2}}</h1> <h1>{{message}} kebe</h1> <h1>{{message + ' ' + firstName + ' ' + lastName}}</h原创 2022-03-22 11:15:26 · 1683 阅读 · 0 评论 -
一、初识VUE
一、什么是vuejsVUE是一个渐进式的框架,什么是渐进式呢?渐进式意味着可以将vue作为应用的一部分,嵌入应用。也就是说,在一个整体项目中,部分可用jQuery,部分可用vue,随着项目的重构越来越多,vue也越来越多,因此也成为渐进式。官方解释:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及原创 2022-03-21 16:42:45 · 835 阅读 · 0 评论