亚洲av日韩av永久无码久久,免费的视频app网站,欧美性猛交xxxx免费看,国产成人精品三级麻豆

Vue (一)、創(chuàng)建組件

2020-2-13    seo達(dá)人

使用 vue-cli 創(chuàng)建 vue 項(xiàng)目:



cd 到指定的目錄下 命令行輸入:



vue init webpack-simple <項(xiàng)目名稱>



根據(jù)提示設(shè)置Project name



設(shè)置Project description



設(shè)置Author



設(shè)置License



設(shè)置Use sass?



cd到剛剛創(chuàng)建的項(xiàng)目名稱目錄



命令行輸入:npm install



等待安裝完成后 執(zhí)行 npm run dev 命令



注:以下部分練習(xí)是在https://jsfiddle.net 中進(jìn)行

創(chuàng)建組件:(創(chuàng)建全局組件)

Html 部分:

<div id="app">

<div>練習(xí)</div>

<!-- 這里的 inline-template 取代組件函數(shù)中的 template:'' -->

<my-cmp inline-template>

  <p>{{ status }}</p>

</my-cmp>

<hr>

<my-cmp inline-template>

  <p>第二次使用{{ status }}</p>

</my-cmp>

</div>



Js 部分:

Vue.component('my-cmp',{

data: function () {

  return {

    status:'Critical'

    }

  },

 methods: {}



});



var vm = new Vue({

  el: "#app"

})



如果將data提取成公共的部分,則多次使用同一個(gè)組件則這部分?jǐn)?shù)據(jù)在內(nèi)存中使用的是同一塊存儲(chǔ) 如下演示:

html部分:

<div id="app">

  <div>練習(xí)</div>

  <my-cmp></my-cmp>

  <hr>

  <my-cmp></my-cmp>

</div>



Js 部分

var data = {status:'Critical'};

Vue.component('my-cmp',{

data: function () {

  return data

  },

 template:'<p>Server status {{ status }} (<button @click="changeStatus">Change</button>)</p>',

 methods: {

    changeStatus(){

    this.status = "Nomal"

    }  

 },



});

var vm = new Vue({

  el: "#app"

})



上面的js代碼當(dāng)點(diǎn)擊按鈕的時(shí)候兩個(gè)組件引用的數(shù)據(jù)均會(huì)發(fā)生變化

局部注冊(cè)組件:

html部分:

<div id="app">

  <div>局部注冊(cè)組件練習(xí)</div>

  <local-cmp></local-cmp>

  <hr>

  <local-cmp></local-cmp>

</div>



Js 部分:



var cmp = {

   data: function () {

        return {

          status:'Critical'

        }

    },

   template:'<p>Server status {{ status }} (<button @click="changeStatus">Change</button>)</p>',

   methods: {

      changeStatus(){

        this.status = "Nomal"

      }  

   },

};

var vm = new Vue({

  el: "#app",

  components:{'local-cmp':cmp}

})


日歷

鏈接

個(gè)人資料

藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.chinatradebeam.com

存檔

色哟哟免费精品网站入口| 强睡邻居人妻中文字幕| 4444亚洲人成无码网在线观看 | 国产精品人人妻人色五月| 99精品亚洲av无码国产另类| 天干夜天干天天天爽视频| 少妇性l交大片| 久久亚洲精品无码av| 国产成人无码一区二区三区在线| 亚洲国产精品无码专区| 99国产精品久久久久久久成人热| 精品夜夜爽欧美毛片视频| a级国产乱理论片在线观看| 上司人妻互换中文字幕| 年轻丰满的继牳理伦片中文| 特黄a级毛片免费视频| 欧美色综合天天久久综合精品 | 99热最新成人国产精品| 97人妻精品一区二区三区| 国产亚洲成av人片在线观黄桃| 精品欧美一区二区在线观看| 国产精品久久久久久人妻精品| 国产成人av无码一二三区| 亚洲国产婷婷香蕉久久久久久| 久久综合九色欧美综合狠狠| 美女网站色| 餐桌下狂c亲女水欧阳凝| 性色做爰片在线观看ww| zoz○zo女人和另类zoz0| 国产欧美一区二区三区在线看| 天干天干天夜夜爽啪啪免费网站| 人妻丰满熟妇av无码区乱| 性乌克兰18videos少妇| 全免费A级毛片免费看视频| 亚洲av无码一区二区三区网址 | 国产精品久久777777| 久久久久黑人强伦姧人妻| 国产精品偷伦视频免费观看了| 欧美乱大交xxxxx疯狂俱乐部| 欧美又黄又嫩大片a级| 一本久久a久久精品vr综合|