摘要: 【注意:在HTML中时ref,而在methods中是refs,因为在HTML中ref可能有很多,而在methods是通过总的ref来寻找】 阅读全文
posted @ 2018-06-27 20:13 追风筝的蜗牛 阅读(9499) 评论(0) 推荐(0)
摘要: 输出结果: 然后根据顺序,对号入座。 阅读全文
posted @ 2018-06-27 18:01 追风筝的蜗牛 阅读(158) 评论(0) 推荐(0)
摘要: (1)文本 (2)多行文本 (3)复选框 单个复选框,绑定到布尔值: 多个复选框,绑定到同一个数组: (4)单选按钮 (5)选择框 单选时: 多选时: 可能不理解多选吧,没有看到多选的效果; 阅读全文
posted @ 2018-06-27 14:26 追风筝的蜗牛 阅读(125) 评论(0) 推荐(0)
摘要: 1 2 {{ message }} 3 逆转消息 4 5 6 7 var app5 = new Vue({ 8 el: '#app-5', 9 data: { 10 message: 'Hello Vue.js!' 11 }, 12 methods: { 13 reverseMessage () { 14 this.m... 阅读全文
posted @ 2018-06-27 11:08 追风筝的蜗牛 阅读(129) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2018-06-26 22:04 追风筝的蜗牛 阅读(555) 评论(0) 推荐(0)
摘要: 在container上面是页面的公用部分,而后面采用<router-view>则是变化的页面,这种思路得学习一下; 阅读全文
posted @ 2018-06-26 21:58 追风筝的蜗牛 阅读(1825) 评论(0) 推荐(0)
摘要: (1)首先进行HTML的编写,如下: (2)然后进行data的编写,如下: (3)然后进行conputed属性的编写;即: (4)最后进行onLogin()方法的编写,即: 阅读全文
posted @ 2018-06-26 20:33 追风筝的蜗牛 阅读(2236) 评论(0) 推荐(0)
摘要: 一、常用css指令 (1)当父元素的display: flex时,子元素默认进行列排列,而三个子元素中只有中间的组件设置了flex: 1,这时父元素的宽度将进行以下分割: 此时,header-left和header-right占用自己本身的宽度,而header-input的宽度为父元素header的 阅读全文
posted @ 2018-06-21 14:36 追风筝的蜗牛 阅读(130) 评论(0) 推荐(0)
摘要: 一、安装项目环境 二、代码规范 (1)在pages下建立home、city和detail文件夹,将各个页面进行拆分;如下: 其中,文件夹都使用小写来进行代码规范。同时,在home文件夹下再建立一个components文件夹和Home.vue,其中Home.vue是父组件,而components下的组 阅读全文
posted @ 2018-06-21 11:26 追风筝的蜗牛 阅读(423) 评论(0) 推荐(1)