![](https://img-blog.csdnimg.cn/50a1c79d95f64c0cbcf0c7895d7bd653.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue的总结(附代码)
最不会程序的程序猿
少年没有乌托邦 心向远方自明朗
展开
-
springboot+mybatis-plus+vue完成微信支付(前后端分离)
springboot+mybatis-plus+vue+elementui完成微信支付(前后端分离)原创 2022-08-16 20:36:11 · 1259 阅读 · 0 评论 -
Vue中的MVVM模型
MVVM的简单理解原创 2022-07-13 10:40:17 · 229 阅读 · 0 评论 -
Vue环境创建(浏览器配置)
Vue开发者工具扩展链接:【下载开发者工具】:https://pan.baidu.com/s/1MtYvMPew4lb14piIrs9x6w提取码:6666【安装开发者工具】:一、Chrome浏览器安装方式:①:点击右上角三个点②:点击更多工具③:点击扩展程序④:点击右上角的开发者模式,将他启用⑤:将下载的Vue.crx文件直接拖动到浏览器窗口即可二:Edge浏览器安装方式①:点击浏览器右上角的三个点②:点击扩展③:点击左下角的开发人员模式,将他启用④:将Vue.crx文件拖动原创 2022-04-15 10:13:26 · 973 阅读 · 0 评论 -
el和data的两种写法
1.el的两种写法 (1). new Vue时候配置el属性 代码为: new Vue({ el:"#content", data:{ } }) (2) 先创建Vue实例,随后通过v.$mount("#content")指定el的值 代码为: const v = new Vue({ data:{} }) v.$mount("#content"); 2.data的两种写法:以后学到组件时,data必须使.原创 2022-04-15 10:03:13 · 550 阅读 · 0 评论 -
vue数据绑定
总结:单向数据绑定语法:v-bind:href =“xxx” 或简写为 :href =“xxx”特点:数据只能从 data 流向页面双向数据绑定 指令 v-model语法:v-mode:value=“xxx” 或简写为 v-model=“xxx”特点:数据不仅能从 data 流向页面,还能从页面流向 data<div id="content"> <!--普通写法--> 单项数据绑定:<input type="text" v-bind:value="na原创 2022-04-15 09:55:00 · 176 阅读 · 0 评论 -
Vue插值语法与指令语法
总结: 插值语法: 功能:用于解析标签体内容 写法:{undefined{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性 指令语法: 功能:用于解析标签(包括:标签属性、标签体内容、绑定事件…) 举例:v-bind:href=“xxx” 或 简写为 :href=“xxx”,xxx同样要写js表达式,且可以直接读取到data 中的所有属性 v-bind将href="url"解析为js表达式可以动态使用,如果不加就是一个值无法动态生成 备注:Vue中有很.原创 2022-04-15 09:53:42 · 362 阅读 · 0 评论 -
Vue-创建Vue实例
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js"></script> </head> <body> <div id="content"> <!--插值语法{{XX}} XX要写成js表达式-->原创 2022-04-15 09:51:50 · 935 阅读 · 0 评论