VUE
文章平均质量分 63
基础学习VUE框架
LHL_C
这个作者很懒,什么都没留下…
展开
-
Vue基础----组件通信
vue组件以及父子组件之间的通信1.如何使用组件1.1 全局组件主要是提高代码重用性,让代码可以重复利用。组件在使用之前需要注册组件,注册组件的方法有俩种。一种是全局注册,一种是局部注册。Vue.component('my-component',{ template:'<div>注册组件</div>'})其中my-component是自定义组件名,可以任意命名,推荐小写减号分割的形式。后面的大括号里内容是组件选项,在组件选项加template可以在页面中显原创 2021-12-07 15:13:24 · 248 阅读 · 0 评论 -
Vue基础----计算属性和侦听器
计算属性为什么要使用计算属性?模板上的表达式很便利,但有时候需要用到复杂的运算,写在模板表达式上面会让模板加重且难以维护。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>翻译 2021-12-07 14:52:03 · 127 阅读 · 0 评论 -
Vue基础----组件基础
什么是组件?组件提供了HTML DOM元素的扩展性,可以把一块代码块封装起来,可以方便维护和重复使用组件的分类 :展示型组件负责呈现 UI 为主的类型,我们很单纯地把资料传递进去,然后 DOM 就根据我们传递进去的数据生成出来。这种组件的好处是可以提升 UI 的重复使用。容器型组件负责与数据层的 service 沟通, 包含了与 server 端、数据来源做沟通的逻辑,然后再将数据传递给前面所说的展示型组件。互动型组件负责互动的逻辑,比如 elementUI、bootstra转载 2021-12-03 15:57:04 · 86 阅读 · 0 评论 -
Vue绑定指令
属性绑定指令基本用法:如果需要为元素的属性动态绑定属性值,则需要用到 v-bind 属性绑定指令。<!-- 假设有如下的 data 数据:data: { inputValue: "请输入内容", imgSrc: "https://cn.vuejs.org/images/logo.png"}--><!-- 使用 v-bind 指令, 为 input 的 placeholder 动态绑定属性值 --><input type="text" v-bind:pl原创 2021-12-01 08:04:07 · 528 阅读 · 0 评论 -
Vue基本指令使用
指令1. 指令介绍:指令 (Directives) 是写在模板上的特殊属性 可以操作DOM变成想要的样子在Vue中,常见的指令有以下这些: ┌───────► 内容渲染指令 │ ├───────► 条件渲染指令 │ ├───────► 列表渲染指令 │directive ────┼───────► 属性绑定指令原创 2021-11-29 19:57:04 · 904 阅读 · 2 评论 -
Vue的基本使用
一、Vue的基本使用新建一个HTML文件,在head结束标签上面,引入Vue库文件。<!-- 开发环境版本,包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script><!-- 生产环境版本,优化了尺寸和速度 --><script src="https://cdn.jsdelivr.net/npm/vue@2"><原创 2021-11-29 17:16:07 · 351 阅读 · 0 评论 -
Vue介绍
一、Vue介绍1. Vue是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。 Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。 另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。2.Vue有哪些特点?Vue.js 是一个优秀的前端界面开发 JavaScript 库,它之所以非常火,是因为有众多突出的特点,其中主要的特点有以下几个。门槛低、上手快:简单易学,只要稍微会点原创 2021-11-29 16:48:53 · 3495 阅读 · 0 评论