话音一落一朵火莲已经在人王伏羲身上盛开了,熊熊的不灭之火刹那之间就将离死不远的人王伏羲化为灰烬。

那个长老微微一愣,旋即说道:“你这是在开什么玩笑,我哪里去给你找神石啊”。

中国最赚钱的网游

“再带两万人马进去,天亮之前,必须拿下。”李景隆还算是小心,同样担心被人困在里面,因为逃到这里的乱军只有一万兵马,此时,冲入山谷的南军已经有五万人,不管怎么打都能打下来。
“三件古代兵器里面海王号称是恶魔果树的克星,具有大海力量的威能,天王最为神秘莫测多变,而冥王则是以破坏为主,以破坏而存在,瞬间造成的破坏力冥王可是三件古代兵器之首的。”迪加马斯站在冥王之上,冥王和天王一样,操纵起来只需要用精神就可以了。

小苗耸了耸鼻子说道:“人家只是来看看你给我准备了多大的红包嘛,提前兴奋一下。”

使用localstorage来存储页面信息


     今天小颖在跟着慕课网学习vue,不学不知道,一学吓一跳,学了才发现,我之前知道的只是vue的冰山一角,嘻嘻,今天把小颖跟着慕课网学习的demo,给大家分享下,希望对大家有所帮助嘻嘻。

环境搭建:

参考:vue API

       vue2.0+element+node+webpack搭建的一个简单的后台管理界面

详情:

npm install --global vue-cli

 vue init webpack vue-project

然后:

cd my-project

npm install    如果你配置了淘宝镜像,也可以用cnpm install

npm run dev

我们就在浏览器看到:

 

 但我们最终要实现:

如何实现如图的效果呢?

1.将App.vue修改为:

<template>
  <div id="app">
    <div class="vue-demo">
      <input type="text" class="txt" v-model="newItem" @keyup.enter="addItemFun">
      <ul>
        <li v-for="its in items">{{its.name}}</li>
      </ul>
    </div>
  </div>
</template>
<script>
import store from "./store"
export default {
  name: "app",
  data() {
    return {
      newItem: "",
      items: store.fetch()
    }
  },
  watch: {
    items: {
      handler: function(val, oldVal) {
        store.save(val);
      },
      deep: true
    }
  },
  methods: {
    addItemFun() {
      var _this = this;
      _this.items.push({ "name": _this.newItem });
      _this.newItem = "";
    }
  }
}

</script>
<style>
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}

.vue-demo {
  width: 400px;
  margin: 0 30px;
}

.txt {
  width: 200px;
  height: 25px;
  line-height: 24px;
  border-radius: 5px;
}

</style>

对于初学vue的同学,可能对于watch可能不太熟悉,那就麻烦大家移步到 vue API 或参考下小颖之前写的文章:vue——实例方法 / 数据

2.在与App.vue同级目录下,新建store.js文件:

const STORAGE_KEY = "todos-vuejs"

export default {

  fetch: function() {

    return window.JSON.parse(window.localStorage.getItem(STORAGE_KEY) || "[]")

  },

  save: function(items) {

    window.localStorage.setItem(STORAGE_KEY, window.JSON.stringify(items))

  }

}

3.在项目中打开cmd窗口,运行:npm run dev,就完成啦嘻嘻。

 

当前文章:http://hnhdqp.com/news/20181089366.html

发布时间:2018-12-16 16:46:30

米赚是真的假的200万 农村干什么能挣钱 挂机网赚软件 苹果手机试玩赚钱平台 打码赚钱平台微信提现 空调开一个小时多少钱 小白网赚 网上赚钱就这么简单

编辑:邓扁

相关新闻

年俗的变与不变,怎么看?

2018-12-16 11:30:23

定州和合租售有限公司

啪啪三国最新精彩活动预告 海量好礼大放送

2018-12-16 04:38:18

杭州弥核蓖食品有限公司

杭州文化人为奔跑和阅读发声

2018-12-16 06:20:36

西南椿膛商务服务有限公司

算法的秘密:听世纪佳缘攻城狮讲故事

2018-12-16 15:55:39

合肥侣父犹科技

热门推荐

  • 路通客人来 扶贫路成“致富路”
  • javascript 之this指针-11
  • 红白歌会2年没有声优登场 或因偶像声优规矩太多
  • 日本推出男性专用《美少女战士》COS服:配件齐全
  • 博通收购高通对苹果有好处,对手表示很慌
  • 卡塔尔要求断交国承担海合会可能解体的责任
  • Linux系列教程(十三)——Linux软件包管理之源码包、脚本安装包
  • 北京划定永世基本农田掩护红线:151.6万亩
  • 王毅:朋侪需要时我们愿意伸出援手助一臂之力
  • 河对岸村民讲述山体垮塌现场 家里8位亲人被埋
  • 河北新闻网版权所有 本站点信息未经允许不得复制或镜像 法律顾问:小本投资什么最赚钱 女人做什么工作最赚钱
  • 身体是革命的本钱作文 copyright ? 2000 - 2016
  • 新闻热线:0311-67563366 广告热线:0311-67562966 新闻投诉:0311-67562994
  • 冀ICP备 09047539号-1 | 互联网新闻信息服务许可证编号:1312006002
  • 广播电视节目制作经营许可证(冀)字第101号|信息网络传播视听节目许可证0311618号
  • 赚客测评网 pk10网赚平台 自己阅读赚0.08的软件 最赚钱的网赚平台群