一、语法 v-for:循环 v-model:双向绑定 v-on:click:点击事件 v-bind:绑定 data:属性 methods:方法 created:钩子函数(文档就绪函数) 二、创建 搭建三层:MVC+Model+DAL+BLL 在DAL层EF迁移数据库 引用vue控件和axios控件 ...
转载
2021-08-13 21:54:00
114阅读
2评论
1.vue的基本原理 当vue实例创建时，它会去遍历data中的属性，通过Object.defineProperty(vue3.0 使用proxy)将它转化为setter、getter，属性被访问或者被修改时通知变化 2.双向数据绑定的原理 通过Object.defineProperty来劫持各个属 ...
转载
2021-10-25 15:46:00
24阅读
2评论
Vue基础 构建用户界面的前端框架 Vue的特性 数据驱动视图（vue会监听数据变化，自动渲染dom，是单向的数据绑定） 双向数据绑定（在网页中form负责采集数据，ajax负责提交数据，不需要操作dom来获取表单最新的值，最新的数据会自动更新到js数据中） Vue底层 MVVM是vue实现数据驱动 ...
转载
2021-08-26 20:32:00
227阅读
2评论
#目录 概述 实例化参数 指令 #概述 vue是一款渐进式JavaScript前端框架，三大mvvm框架 vue , react ,angular ###官网 cn.vuejs.org ###特点 简单，上手方便 结合Angular指令与React组件思维 生态丰富（插件多）API文档完善 #实例化 ...
转载
2021-10-30 14:54:00
68阅读
2评论
VUE基础文章目录VUE基础一、Mustache语法（模板语法）二、指令1.文本指令v-once :只渲染一次，不会随数据的改变而改变v-html：让HTML渲染成页面v-text：标签内容显示js变量对应的值v-prev-cloakv-show：显示/隐藏内容三、动态绑定属性v -bind 基本使用V -bind 魔法糖数据的绑定控制标签class类名控制标签style样式四、条件指令v-if：显示/隐藏内容v-elsev-else-if条件渲染案例五、计算属性基本使用小练习：两个数值相加，计算出结果
原创
2021-05-20 10:29:33
381阅读
1.vm是什么?一个同步View和Model的对象2.插值表达式是用来做什么?插值表达式就是用来渲染data数据3.指令是什么?以v-开头的就是指令4.插值表达式和v-text的区别?插值表达式写在标签的innnerHTML位置,而v-text是写在标签的属性位置
举例:<div v-text = number></div>5..插值表达式,v-text,v-html应用场
一：条件渲染指令释义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
221阅读
2评论
npm init -y npm install vue #v-bind #v-model #事件修饰符 #按键修饰符 #v-for #v-if #计算属性和侦听器 #过滤器 #组件化 局部声明组件 #生命周期和钩子函数 #使用vue脚手架进行模块化开发
原创
2021-07-13 16:56:35
45阅读
一、条件渲染 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
59阅读
2评论
用于根据条件展示元素的选项是 v-show 指令,不同的是带有 v-show 的元素始终会被渲染并保留在 DOM 中。组件系
声明式渲染 类似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
21阅读
目录1. 模板语法2. 计算属性、方法、侦听器3. 计算属性的setter和getter4. class与style绑定5. 条件渲染6. 列表渲染7. 事件处理1. 模板语法插值表达
原创
2022-07-12 17:39:43
288阅读
1.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb； 简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习； 双向数据绑定：保留了angular的特点，在数据操作方面更为简单； 组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势； 视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要
转载
2021-03-23 21:17:00
79阅读
2评论
安装 参数区别： --save ： 安装产品依赖 --save-dev : 安装开发依赖 使用 属性 ref : 可以获取DOM元素或者组件实例，例如： ...
转载
2021-08-27 00:26:00
69阅读
2评论
