摘要：
如果要在页面其他部分实时显示我们在input输入框中输入的内容 原生js这样写 在vue中，可以这样写 但是这种写法有点麻烦，可以用vue的双向绑定功能 v-model 代码如下 阅读全文
posted @ 2019-09-07 14:19
一颗糊涂淡
阅读(916)
评论(0)
推荐(0)
摘要：
v-for 循环 循环数组 输出结果 上面的item，index是语义化的写法，不是固定的，可以是a,b,c这样的，顺序就是数组内容，数组索引 循环对象 输出结果 第一个是值，第二个是键，第三个是索引 循环数字 输出结果为1-10的数字 循环字符串 输出结果为字符串的每个字母 阅读全文
posted @ 2019-09-06 14:50
一颗糊涂淡
阅读(11377)
评论(0)
推荐(1)
摘要：
vue可以通过v-if设置元素的显示隐藏 还可以配合v-else使用 配合点击事件来演示一下 点击按钮，按钮上文字变化，内容显示，再次点击，按钮上文字内容变化，内容隐藏 代码部分 如果在写一个标签，标签内加上v-els 就是这个效果 注意，如果这样用，加v-if和v-else的标签之间不能有其他的内 阅读全文
posted @ 2019-09-06 13:38
一颗糊涂淡
阅读(5523)
评论(0)
推荐(0)
摘要：
通过点击按钮，实现背景色的循环变换 初始为红色，点击一次，变成蓝色，第二次变成绿色，再次点击，又变为红色 这里用到vue的事件监听 v-on:xxx 事件写在methods里面 代码部分 v-on可以简写成@ 效果一样 阅读全文
posted @ 2019-09-06 10:58
一颗糊涂淡
阅读(2614)
评论(0)
推荐(0)
摘要：
.classs属性绑定： 多个class 要用数组[]包起来 ：class=’[class1,class2]’,还可以加上对象 ：class=’[{class1:true},class2]’，并且不会对已有的class产生影响 行内样式style 正常的写法是这样 在vue中通过绑定来写行内styl 阅读全文
posted @ 2019-09-06 09:04
一颗糊涂淡
阅读(637)
评论(0)
推荐(0)
摘要：
vue获取数据用{{ a }} 但是放在img标签的src里面不被解析 按照上述用法 html部分 js部分 这样的话 控制台会报错 img的地址不会被解析 正确的用法 通过v-bind进行绑定 这样在进行输出的时候，就会解析url 如果标签内有很多属性的话，v-bind就需要写很多，看起来就会显得 阅读全文
posted @ 2019-09-05 15:51
一颗糊涂淡
阅读(7775)
评论(0)
推荐(1)
摘要：
vue是构建前端视图的框架 引入vue.js文件 下文代码输出到页面 阅读全文
posted @ 2019-09-05 11:55
一颗糊涂淡
阅读(190)
评论(0)
推荐(0)
摘要：
运用layer实现页面上弹出层的功能 点击按钮，执行弹出层功能 正确引入jquery和layer的js文件 阅读全文
posted @ 2019-09-05 11:19
一颗糊涂淡
阅读(300)
评论(0)
推荐(0)
摘要：
锚点的使用可以实现本页面内容的跳转，经常会见到的就是页面右下方的返回顶部按钮 示例 代码 阅读全文
posted @ 2019-09-05 10:31
一颗糊涂淡
阅读(178)
评论(0)
推荐(0)
浙公网安备 33010602011771号