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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章