Vue
关注
分享
扫一扫
文章平均质量分 71
子不识
没学多久的萌新
展开
-
Vue-购物车案例（非常详细）
学习目标初始代码提供了数据，页面内容和页面样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .fl{ float: left; } .fr{ float:原创 2021-12-21 16:10:08 · 17696 阅读 · 12 评论 -
router-link和router-view的样式问题
今天在学vue的路由管理器，学到了router-link和router-view,在练习的时候看见router-link和a标签一样的下划线就很难受，于是就：.box ul li{ ... router-link{ color: white; text-decoration: none; } }然后发现并没有什么用，于是我打开检查看了看发现原来是浏览器把router-link渲染成了a标签，那这就好解决了,..原创 2021-12-21 11:48:59 · 2925 阅读 · 1 评论 -
vue Network: unavailable问题
今天在学习组件化的时候，写了个小东西，想让别人看看，结果发现只有localhost链接最后查找了一番资料，解决了这个问题，在这里记录一下。解决方法首先找到vue.config.js这个文件，如果没有的话自己在项目目录下创建一个也可以然后将下面这段代码放进去：module.exports = { configureWebpack: { // other webpack options to merge in ... }, // devServ原创 2021-12-21 11:48:29 · 800 阅读 · 0 评论 -
Vue初学-第三天
计算属性计算属性指的是通过一系列运算之后，最终得到一个属性值这个动态计算出来的属性值可以被模板结构或methods方法使用特点虽然计算属性在声明的时候被定义为方法，但是计算属性的本质是一个属性计算属性会缓存计算的结果，只有计算属性依赖的数据变化时，才会重新进行运算这时你发现，其实将其定义成方法一样能实现这个功能，那他们有什么不一样呢两种方式的最终结果确实是完全相同的。不同的是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要&n原创 2021-12-15 20:29:32 · 1004 阅读 · 0 评论 -
Vue初学-第二天
属性绑定指令1.基本用法如果需要为元素的属性动态绑定属性值，则需要用到v-bind属性绑定指令v-bind属性可简写为:<body> <div id="app"> <!-- 通过v-bind属性给p标签绑定一个title --> <p v-bind:title="title1">阿巴阿巴</p> <!-- 也可以简写成： --> <p :title原创 2021-11-30 17:29:21 · 394 阅读 · 2 评论 -
Vue初学-第一天
1. 基本使用<!DOCTYPE html><html lang="en"><head> <title>Document</title></head><!-- 1. 新建一个html文件，引入vue库 --><!-- 一定不要忘记引入vue的js！！！ --><!-- 在本地引入 --><script src="./js/vue.js"></script&原创 2021-11-29 21:14:37 · 528 阅读 · 0 评论