vue 1 0基本了解

一、基本結構

基本結構-js

//1.路由需要準備乙個跟元件

//2.定義元件
var home = vue.extend()
varlist
= vue.extend()
var item = vue.extend()
//3.建立路由例項
var router =
new vuerouter();
//4.關聯-定義路由規則
router.
map(,
'/songs':,
'/songs/:id':
})//5.啟動路由
//6、重定向
router.redirect();

鏈結跳轉寫法

元件渲染

class="page"

class="header">
v-link="">
class="fa fa-expand">
i>
a>
v-link="">
class="fa fa-list">
i>
a>
header>
class="main">
router-view>
section>
src="libs/vue/vue.js">
script>
src="libs/vue-router/vue-router.js">
script>
src="libs/vue-resource/vue-resource.js">
script>
script>
body>

vue1 0學習總結

使用vue已經有 三 四個月了，但是只是學著使用了一些基本方法。因為現在的前端框架越來越多 angular，react.但是我相信萬變不離其宗，很多用法框架之間還是想通的，所以借總結的vue的機會深入了解vue到每個細節，以後能更加熟練地使用vue，有機會也能在別的框架中體會相通的思想。指令 com...

Vue1 0學習筆記

vue生命週期 鉤子函式 created 例項已經建立 beforecompile 編譯之前 compiled 編譯之後 ready 插入到文件中 beforedestroy 銷毀之前 destroyed 銷毀之後 new vue methods created function created f...

VUE專案效能優化（VUE10）

1.不要講所有的資料都放在data中，data中的資料都會增加getter和setter，會收集對應的watcher 2.v if和v for不能連用 3.vue在使用v for給每項元素繫結事件時使用事件 4.spa 頁面採用keep alive快取元件 5.v if當值為false時內部指令不再...