Vue : 笔记

Vue

1:带参数的router

路由配置:

props: (route)=>{
	{query:route.query.goodsid}
}
{path: 'goodslist',
name: 'goodslist',
component: goodslist,
props: (route)=>{
	{query:route.query.goodsid}
}}
组件:
:to="{path:'/goods/goodsimg',query:{goodsid:goodsId}

<template>
	<div>
		<p>{{msg}}</p>
		<p>{{$route.query}}</p>
		<p>{{goodsId}}</p>
		<router-link :to="{path:'/goods/goodslist',query:{goodsid:goodsId}}">商品列表</router-link>
		<router-link :to="{path:'/goods/goodsimg',query:{goodsid:goodsId}}">商品图片</router-link>
		<router-view></router-view>
	</div>
</template>

2:vue脚手架搭建的项目,引入外部js\css\sass

    方法1:直接放在index.html的<head>中

    方法2:在所用页面或组件中  

                    import js from (url)---------------> js (待确认)

                    @import 'url' -----------------------> css (已确认)

3:static文件夹位于根目录下

        

4:定义组件的七种办法

    转:地址

5:v-for渲染视图后,给循环出的dom对象,添加事件

     例如:v-for循环出一列图片,并图片有懒加载效果

    尝试了很多办法效果都不好:

        (1)          

        (2)     // 自定义命令

        (3)    watch + $nextTick 

    解决办法:

    

6 : $set的运用

    

    

    

    this.$set( 对象或数组 , 该对象或数组的key , 要设置的value );

    当要直接为data设置状态时:this.$set( this , 状态名 ,状态值 );


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值