vue
diosa44
这个作者很懒,什么都没留下…
展开
-
Vue实例基础5 (vue 条件渲染与列表渲)
5. 条件渲染与列表渲染 v-if 和 v-show 指令 key 属性 v-for 进行列表渲染 数组的检测 v-if 和 v-show 指令 根据 data 的值来决定某一块区域是否进行渲染。 <body> <div id="app"> <p v-if='test'>this is a test</p> </div> <script src="https://cdn.jsdelivr.net/n原创 2020-08-13 15:17:41 · 163 阅读 · 0 评论 -
Vue 实例基础4 (vue class 和 style 的绑定语)
4. class 和 style 的绑定语法 这两个其实是标签上面的属性,例如: <p class='one two' style='color:red;'>this is a test</p> 既然是属性,那么我们就可以使用上午所学的特性的绑定方式,来将这两个值和 data 相关联。 但是,比较麻烦。所以 vue 对这两个属性专门做了增强,可以采用对象的和数组的方式来进行绑定。 class 对象语法:可以给class绑定一个对象,而非字符串。 代码示例如下: <body&g原创 2020-08-13 15:13:04 · 110 阅读 · 0 评论 -
vue实例基础3(vue计算属性和侦听器)
3. 计算属性和侦听器 计算属性 侦听器 1. 计算属性 虽然在模板中使用 js 表达式,可以一定程度上改变 data 显示的内容,但是如果我们要对 data 的修改做很多的步骤,这个时候,使用 js 表达式就不太好了,因为会导致模板整体非常不清晰。所以这种时候,建议使用计算属性。 在 vue 中,使用 computed 数据选项来添加计算属性。计算属性里面对应的是一个个方法。 方法需要有一个返回值,在模板中就书写方法名。 具体示例如下: <body> <div id="app原创 2020-08-06 15:38:59 · 309 阅读 · 0 评论 -
vue实例基础1
vue的基本介绍 vue是一个渐进式框架 框架与库的区别 :库:例如jQuery,layui,easyui;库的特点在于给我们提供了很多方法,我们直接使用这些方法写代码即可 :框架:从字面上可以理解为一个架子,最大的特点就是给开发者提供了一整套解决方案,我们使用框架的时候就需要遵循框架的规范和要求 什么是渐进式? :如果只是想使用vue 最基础的声明式渲染,那么vue完全可以当初模板引擎来使用 :如果你想要使用组件化开发,那么可以使用vue里面的组件系统 :如果想要开发单页应用,那么可以使用vue里面的客原创 2020-07-13 23:24:55 · 113 阅读 · 0 评论 -
vue实例基础2
目录: 一、插值 文本 原始的 html 特性 动态参数 js 表达式 1.文本 文本这个最简单,就是数据是什么,模板中就渲染什么。 示例代码: <body> <div id="app"> <!-- this is a test --> {{ message }} </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"原创 2020-07-20 13:40:09 · 91 阅读 · 0 评论