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 , 状态名 ,状态值 );