![](https://img-blog.csdnimg.cn/20190927151132530.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue2入门
文章平均质量分 78
。
鸡鸭扣
这个作者很懒,什么都没留下…
展开
-
springboot和vue2:八、vue快速入门(环境准备、MVVM模式、快速上手、超链接渲染、属性绑定、js表达式、事件绑定、条件渲染、v-if和列表渲染)
仅供学习使用。需要额外注意的是链接标签的渲染除了双括号之外需要额外用v-html的标签,否则只会识别成文本。无论表达式值为什么,v-show都会被创建出来,只是页面不一定显示。只有表达式为真时,v-if才会真正地在dom树里创建出来。可以使用v-on标签再加动作,也可以直接用@加动作。注意属性绑定的话,属性前需要加:,前需要空格。后面可以加方法,也可以直接写简单的函数。两个按钮都可以实现+1的功能。注意ctrl+s保存。原创 2023-09-30 23:48:15 · 297 阅读 · 0 评论 -
springboot和vue2:九、v-model双向绑定、v-for中的:key避免标签重用、Node.js和npm的下载、vue-cli脚手架安装、vue create创建项目和组件的使用
仅供学习使用。现在想要实现这样的一种效果,页面上存在初始姓名表单,同时存在输入框,输入姓名后点击添加按钮可以将新输入的姓名加入显示的姓名表单中。原创 2023-10-01 16:55:46 · 152 阅读 · 0 评论 -
springboot和vue2:十、vue2和vue3的差异+组件间的传值(自己给自己传值、父组件给子组件传值)+element-ui+第三方图标库
仅供学习使用。vue2自定义组件的template中所有标签必须在同一个父标签下,即只有一个根标签。所以一般写的时候都写一个div标签包裹着。vue3没有该限制。原创 2023-10-01 17:16:01 · 191 阅读 · 0 评论 -
springboot和vue2:十一、Axios网络请求的安装引入与使用、跨域问题解决(CORS)
仅供学习使用。GET、POST、application/x-www-form-urlencoded、multipart/form-data、text/plain等常见的请求属于简单请求。axios会自动把请求体里的数据,在这里即username和password字段,转成json后传给后端。当参数比较少时,直接在路径里面用问号拼接传入。当参数比较多时,可以使用params传入。一般发送axios请求在页面被挂载前就发送。在main.js里写上。在App.vue里写上。原创 2023-10-01 19:04:30 · 922 阅读 · 0 评论 -
springboot和vue2:十二、配置路径别名+vscode提示+别名跳转+VueRouter(动态路由)+导航守卫
仅供学习使用。有五个组件Discover.vue、Friends.vue、My.vue、TopList.vue、PlayList.vue,其中TopList.vue、PlayList.vue是Discover.vue下的子组件。同时My页面,根据不同的id值,可以请求到不同的商品数据。初始版本:我们想实现的效果为:有三个组件Discover.vue、Friends.vue、My.vue,通过vuerouter来切换并管理。全局导航守卫会拦截每个路由规则,有点类似后端的全局拦截器。原创 2023-10-01 20:13:36 · 455 阅读 · 0 评论 -
springboot和vue2:十三、VueX(兄弟组件间传值)简介、安装、推荐视频、快速上手+前端数据模拟MockJS
仅供学习使用。Mock.js是前端用于拦截Ajax请求再生成随机数据响应的工具,可以用来模拟服务器相应。优点:简单方便、无侵入性,基本覆盖常用接口类型安装:npm install mockjs。原创 2023-10-02 13:20:45 · 213 阅读 · 0 评论 -
Vue中遇到的问题(vue中模板添加注释报错)
发现在vue的template模板中使用进行代码注释时,原创 2023-08-11 14:26:13 · 885 阅读 · 0 评论 -
一、Webpack相关(包括webpack-dev-server用以热更新和html-webpack-plugin)
仅供学习使用。原创 2023-08-07 10:45:21 · 1269 阅读 · 0 评论 -
2、简单上手+el挂载点+v-xx(v-text、v-html、v-on、v-show、v-if、v-bind、v-for)
仅供学习使用。原创 2023-08-07 10:52:07 · 1347 阅读 · 0 评论 -
三、axios+vue
仅供学习使用。原创 2023-08-07 15:17:07 · 215 阅读 · 0 评论