亚洲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

存檔

色一情一区二区三区四区| 阿公抱着我边摸边吃奶视频| 色综合久久久无码中文字幕| 美艳人妻办公室抽搐呻吟| 人妻 日韩精品 中文字幕| 第一次进入女朋友的身体注意事项| jizzjizz欧美69巨大| 久久av无码乱码a片无码波多| 精品无码一区二区三区| 老人玩小处雌女hd另类| 男女啪啪做爰高潮全过有多少姿势 | 漂亮人妻洗澡被公强 日日躁 | 99e久热只有精品8在线直播| 国产精品久久777777| 性xxxx18免费观看视频| 亚洲精品无码成人av电影网| 欧美性猛交xxxx| 精品国产不卡一区二区三区| 无套内谢的新婚少妇国语播放| 中文字幕乱码无码人妻系列蜜桃| 国内老熟妇对白hdxxxx | 肉妇春潮干柴烈火myfducc| 人人妻人人爽人人做夜欢视频| 日本理伦片午夜理伦片| 无码国产精成人午夜视频一区二区| 亚洲精品久久一区二区三区777| 亚洲国产欧美在线人成| 久久国产亚洲精品无码| 男男互攻互受h啪肉np文| 亚洲中文字幕在线观看| 国产成人无码一区二区三区| 成免费crm在线看系统| 亚洲蜜芽在线观看精品一区| 欧美激情精品久久久久久| 嫩模被强到高潮呻吟不断| 亚洲∧v久久久无码精品| 免费精品99久久国产综合精品| 无码精品人妻一区二区三区人妻斩| 亚洲av在线观看| 亚洲AV无码专区在线观看成人| 亚洲av人无码激艳猛片服务器|