![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
我爱吃红薯
这个作者很懒,什么都没留下…
展开
-
为博客添加一个小音乐播放器
1,引入3行js,css <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"> <script src="http://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script> <script src="http://cdn.jsdelivr原创 2020-11-11 18:55:39 · 803 阅读 · 1 评论 -
nuxt.js 全局和局部引入js/css
1,全局引入找到项目的nuxt.config.js文件打开引入js 和 css本地css的引入(包含自定义)自定义js文件可以通过把.js文件放到static目录下,然后再通过 plugins加载2,局部js,css加载在.vue文件中的和全局类似,把head放到单个.vue文件中即可。export default { head() { return { title: '123'', meta: [ ...原创 2020-12-11 00:03:51 · 5269 阅读 · 2 评论 -
快速入门创建一个vue项目
1,安装node.js (已经包含的 npm )查看是否安装成功:node -vnpm -v2,为了下载镜像快速,切换镜像(这样以后下载可以使用cnpm 了)npm install -g cnpm --registry=https://registry.npm.taobao.org3,安装脚手架vue-cli文档地址:https://cli.vuejs.org/zh/guide/installation.htmnpm install -g...原创 2020-11-11 18:39:46 · 830 阅读 · 0 评论 -
v-for遍历Map和遍历对象
1,v-for遍历Map{ "2020-10": [ { "id": "374188064743882752", } ], "2019-06": [ { "id": "373871342853816320", } ], "2018-01": [ { "id": "373864586543104000", } ]} <原创 2020-12-10 08:03:52 · 3880 阅读 · 0 评论 -
nuxt.js npm install 后不可用出现错误:document is not defined
1,出现原因:https://zh.nuxtjs.org/faq/window-document-undefined/简单的说:是由于nuxt.js会在服务端渲染页面,而服务端并没有window或document。我由于要在nuxt.js使用上传头像图片的插件,如下github:https://github.com/dai-siki/vue-image-crop-upload所以直接install后出现document is not defined。2,我的解决办...原创 2020-12-10 08:04:12 · 8905 阅读 · 2 评论 -
nuxtjs 的asyncData 和 async asyncData获取数据
1,asyncData 和 async asyncData asyncData 和 async asyncData 都可以获取后端传递来的数据,asyncData每次在加载页面组件之前都会调用。asyncData 还有一个上下文context参数:context.params方式1:asyncData,异步方式export default { asyncData({ params }) { return axios.get(`https://my-api/posts/$..原创 2020-10-24 08:56:28 · 8686 阅读 · 0 评论 -
vue中使用date.js格式化日期:年,月,日,时,分,秒
1,工具类date.jsexport function formatDate(date,fmt) { if(/(y+)/.test(fmt)){ fmt = fmt.replace(RegExp.$1,(date.getFullYear() + '').substr(4 - RegExp.$1.length)) } let o ={ 'M+': date.getMonth()+1, 'd+': date.getDate(),原创 2020-10-01 11:31:48 · 8693 阅读 · 0 评论 -
ES6 export 与 import
导出(export)和导入(import)模块 模块中可以导入和导出各种类型的变量,如函数,对象,字符串,数字,布尔值,类等。可以理解为每个模块都有自己的空间,即javaWeb中的域,如Request域或者Session域。export相当于往域中存数据,import相当于向域中取数据。还有每一个模块只加载一次是单例, 若再去加载同目录下同文件,直接从自己空间域中去读取。expor...原创 2019-12-01 23:09:20 · 128 阅读 · 0 评论 -
Vue入门-3--------Vue组件和路由
钩子函数vue直接使用,如created()表加载模板之前调用该函数。mounted()表渲染之后调用该函数。<script> const app=new Vue({ el:"#app", data:{ name2:"张小帅2" , number:1 }, ...原创 2019-12-01 23:11:49 · 464 阅读 · 0 评论 -
Vue入门-2--------带有 v- 前缀的特殊属性
1,v-modelv-model双向绑定:即页面上值的改变会影响数据,后数据改变也会影响页面值。v-model指令用来在 input、select、textarea、checkbox、radio 等表单控件元素上创建双向数据绑定,根据表单上的值,自动更新绑定的元素的值。<div id="app"> <h1>{{name2}},学习好。</h1>...原创 2019-12-01 23:10:49 · 867 阅读 · 0 评论 -
Vue入门-1--------安装NPM和Vue
安装NPM1,node.js 的NPM和java的maven类似,都是一个存储包的仓库。首先下载node.js:https://nodejs.org/en/,因为node已经自带NPM的。2,NPM的仓库在国外,速度会很慢,这个和maven一样,maven速度快是需要使用国内的镜像代理仓库,如阿里。那么NPM我们也使用国内的镜像代理仓库,加快下载包的速度。打开控制台安装nrm ...原创 2019-12-01 23:10:11 · 247 阅读 · 0 评论