-
1.cnpm淘寶鏡像安裝方法： $ npm install -g cnpm --registry=https://registry.npm.taobao.org 2.安裝 vue-cli： $ cnpm install -g vue-cli查看全部
-
vue查看全部
-
new 一個(gè)vue對(duì)象的時(shí)候你可以設(shè)置它的屬性，其中最重要的包括三個(gè)，分別是data,methods,watch。 exp: new Vue({ data: { a: 1, b: [] }, methods: { doSomething: function () { this.a ++ } }, watch: { ‘a(chǎn)’: function (val, oldVal) { console.log(val, oldVal) } } }) 其中data代表vue對(duì)象的數(shù)據(jù)，methods代表vue對(duì)象的方法，watch設(shè)置了對(duì)象監(jiān)聽(tīng)的方法。 Vue 對(duì)象里的設(shè)置通過(guò)html指令進(jìn)行關(guān)聯(lián) 模板指令 數(shù)據(jù)渲染： v-text、v-html、{{}} <p>{{ a }}</p> <p v-text=“a”></p> <p v-html=“a”></p> 對(duì)應(yīng)到 new Vue ({ data: { a: 1, b: [] } }) 控制模塊隱藏： v-if、v-show <p v-if=“isShow”></p> <p v-show=“isShow”></p> new Vue({ data: { isShow: true } }) 渲染循環(huán)列表： v-for <url> <li v-for=‘item in items’> <p v-text=‘item.label’></p> </li> <url> new Vue({ data: { items: [ {label: ‘a(chǎn)pple’}, {label: ‘banana’} ] } }) 事件綁定： v-on <button v-on:click=“doThis”><button> “v-on:” 可以縮寫 “@” @click=“doThis” methods: { doThis: function (something){} } 屬性綁定：v-bind 一般綁定的是類 簡(jiǎn)寫 （:） <img v-bind:src=“imageSrc"> <div :class=“{red: isRed}”></div>查看全部
-
安裝cnpm npm install -g cnpm --registry-https//npm.taobao.org查看全部
-
view查看全部
-
view查看全部
-
html,css,js整合在一起查看全部
-
- abc查看全部
-
v-bind查看全部
-
vue 用法小結(jié)查看全部
-
模板指令 -v-bind查看全部
-
Vue.js 的一個(gè)組件查看全部
-
從*.vue 到頁(yè)面查看全部
-
npm淘寶鏡像 npm install -g cnpm --registry=https://registry.npm.taobao.org查看全部
-
vue.js的一個(gè)組件查看全部
舉報(bào)
0/150
提交
取消