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 , 狀態名 ,狀態值 );