vue Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统,核心思想是:数据驱动、组件系统。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 特点:mvvm m=mvc module 模型 v=view 视图 c=contro ...
转载
2021-09-16 14:43:00
62阅读
2评论
v-bind绑定标签属性通过添加v-bind:标签属性来控制标签的属性,设置后自动查询vue里面的数据,通常简写成:标签属性,也可以传入对象,通过对象的值来控制是否为真 <body> <div id="app"> <a v-bind:href="BaiDuUrl">{{txt}}</a> <p :c
转载
2020-10-16 12:22:00
102阅读
2评论
Vue的介绍 渐进式的JavaScript框架 前端框架和库的区别 功能上的不同 代码上的不同 框架的使用 初始化自身的一些行为 执行你所编写的代码 释放一些资源 nodejs 去官网https://nodejs.org/en/download/ 下载 安装(傻瓜式安装) 打开终端 cmd : 执行
原创
2021-07-21 14:44:22
150阅读
1.vue优点?答:轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十kb; 简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习; 双向数据绑定:保留了angular的特点,在数据操作方面更为简单; 组件化:保留了react的优点,实现了html的封装和重用,在构建单页面应用方面有着独特的优势; 视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要
转载
2021-03-23 21:17:00
84阅读
2评论
安装 参数区别: --save : 安装产品依赖 --save-dev : 安装开发依赖 使用 属性 ref : 可以获取DOM元素或者组件实例,例如: ...
转载
2021-08-27 00:26:00
85阅读
2评论
一、Vue基础入门 1、基本入门 一般的使用 v-bind:绑定的属性 //绑定的模板语法toUpperCase() //大写 v-bind: //单项数据绑定v-model: //双项数据绑定 data的使用 函数式【组件用的多】 对象式 data(){ retrun { name:"数据" }} ...
转载
2021-09-27 22:28:00
163阅读
2评论
系列文章目录Vue基础篇一:编写第一个Vue程序Vue基础篇二:Vue组件的核心概念Vue基础篇三:Vue的计算属性与侦听器Vue基础
原创
2022-08-31 17:24:59
116阅读
一:条件渲染指令释义v-if相当于: ifv-else相当于:elsev-else-if相当于:else if<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>if、else if、else</title><script src="http
转载
2021-02-03 18:45:57
238阅读
2评论
npm init -y npm install vue #v-bind #v-model #事件修饰符 #按键修饰符 #v-for #v-if #计算属性和侦听器 #过滤器 #组件化 局部声明组件 #生命周期和钩子函数 #使用vue脚手架进行模块化开发
原创
2021-07-13 16:56:35
48阅读
一、条件渲染 1.1 通过v-if和v-for实现购物车 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="./js/vue.js"></script> <style> .red { backgro
转载
2020-12-15 21:29:00
56阅读
2评论
一、简单认识Vue Vue是一个渐进式框架: Vue有很多特点和高级特性 解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM 安装: 方式一:直接CDN引入 选择开发版本或者是生产版本 <!-- 开发版本,包含了有帮助的命令行警告 --> <script src="https://cd ...
转载
2021-08-11 00:57:00
62阅读
2评论
用于根据条件展示元素的选项是 v-show 指令,不同的是带有 v-show 的元素始终会被渲染并保留在 DOM 中。组件系
原创
2024-05-30 13:48:03
0阅读
声明式渲染 类似C#里的 $'' 字符串插值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name
原创
2022-12-08 14:55:49
23阅读
推荐:Vue学习汇总Vue学习(七)- Vue组件基础为了介绍Vue的组件,先用Vue
原创
2022-11-09 18:25:13
627阅读
目录1. 模板语法2. 计算属性、方法、侦听器3. 计算属性的setter和getter4. class与style绑定5. 条件渲染6. 列表渲染7. 事件处理1. 模板语法插值表达
原创
2022-07-12 17:39:43
401阅读