随笔分类 -  Vue.js学习笔记

记录学习Vue的过程。
vue中background-image图片路径问题
摘要：按照以往在css文件中写background:url('图片路径')，完成后加载竟然显示出错，起初以为路径不对，检查了几遍，仍然没有问题。最后百度找答案，发现不少同行都遇到过这种问题，遂记录下自己所采用的解决方式： div的写法： 更简便的写法： 阅读全文
posted @ 2018-03-14 09:26 ann_glx 阅读(22685) 评论(0) 推荐(6)
vue中引入css文件
摘要：两种方式引入css文件，一种是直接在main.js中引入，即下面这种写法： 这种写法适用于此css文件存在于项目中，不适用于通过网址访问的方式引入，会报错。偶试着引入Font Awesome，结果报错： 而直接在组件中引入却可以，组件中引入也比较简单： 引入语句后面最好加上分号，只引用一个还好，引用 阅读全文
posted @ 2017-09-21 17:54 ann_glx 阅读(33283) 评论(0) 推荐(1)
Vue打包后页面出现cannot get
摘要：学习Vue有大半个月了，然而遇到了不少坑，完全没有高手们那么容易，中间有不少值得记录下的东东，回头好好理理。先理下今天的： Vue打包命令简单啊，直接在命令行输入：npm run build 然而没一会儿页面出现是的cannot get 我去，这怎么搞 搜索啊 问人啊 折腾到想放弃 页面还是依然 c 阅读全文
posted @ 2017-08-31 13:55 ann_glx 阅读(6000) 评论(0) 推荐(0)
Vue.js（2.x）之列表渲染（v-for/key）
摘要：1.v-for是Vue里的循环语句，与其他语言的循环大同小异。首先得有需要循环且不为空的数组，循环的关键字为in或of。 需要索引时的写法： v-for里的in可以使用of代替： 还可以使用v-for的<template>标签循环多个元素块： 对象迭代v-for：可通过一个对象属性迭代 这种可以提供 阅读全文
posted @ 2017-08-21 14:42 ann_glx 阅读(292) 评论(0) 推荐(0)
Vue.js（2.x）之条件渲染
摘要：1.v-if：这里的官网文档看完后赶脚v-if就是用来判断元素是显示还是隐藏。 2.template这个包装元素感觉挺好用，以后把需要某些特定操作才出现的元素存放进去挺好。 3.前面看的网友写的还可以配合v-show来使用，结果运行后没效果。看来还是得老实看官网简介： v-else-if与v-els 阅读全文
posted @ 2017-08-19 16:48 ann_glx 阅读(298) 评论(0) 推荐(0)
Vue.js（2.x）之Class 与 Style 绑定
摘要：1、前面看数据绑定时还很困惑v-bind处理class时可以使用json格式的值，为什么换成id、href等其他属性就不行。看了下文档解释后明白了些： 2.对象语法主要有以下三种形式： 1）直接在v-bind指令后使用键值对形式：键是否显示为class取决于值是否为真，须留意键是否要加引号（如果键有 阅读全文
posted @ 2017-08-19 14:03 ann_glx 阅读(388) 评论(0) 推荐(0)
Vue.js（2.x）之计算属性
摘要：昨天看完大神的文章后，深感惭愧，硬着头皮继续看官网文档，然而这真的没是没办法，介绍的实在有些敷衍： 1）、计算属性:也不说下computed是计算属性关键词，vm实例是可以像代理data一样代理computed的，可以直接把其属性当文本插值放到HTML标签中。 2）、这里的getter是什么意思？ 阅读全文
posted @ 2017-08-18 16:05 ann_glx 阅读(328) 评论(0) 推荐(0)
Vue.js（2.x）之插值
摘要：看了一些友邻写的文章，不少是基于1.0版本的，有些东西在2.x版本应该已经废除了（如属性插值、单次插值在2.x版本上运行根本不执行）。对于不理解的东东，找起资料来就更麻烦了。不得不老老实实线下测试并整理记录： 1.文本插值官网文档的文字解释看的好没意思，不给栗子让人咋整： v-once指令的用法应该 阅读全文
posted @ 2017-08-16 19:02 ann_glx 阅读(1195) 评论(0) 推荐(0)
初学Vue.js（2.x版本）
摘要：首先肯定是打开官网查看文档了，没想到我太高估了自己，看的我头晕也不知道到底说了个啥。没办法，只能另寻他法，好在有菜鸟教程。然而我还是想多了，不稀饭一点点看下去，只想快点明白它到底说了个啥。嗯，找来找去找到了偶能理解的方式了（带着问题学起来轻松些，要不然会被脑子的各种疑问烦到啥都干不了）。每个人接收信 阅读全文
posted @ 2017-08-16 10:15 ann_glx 阅读(1513) 评论(0) 推荐(0)