baitercel

baitercel 查看完整档案

北京编辑  |  填写毕业院校  |  填写所在公司/组织 cuishan.win 编辑
编辑

人生就是打怪升级

个人动态

baitercel 提出了问题 · 2018-09-13

windows 安装mongodb 报错

图片描述

关注 1 回答 0

baitercel 提出了问题 · 2018-09-10

vuejs callback问题?

vuex项目学习中,从github找的别人的代码,请问这里的"callback(_products)"可以这样用吗,我不理解这种写法

/**
 * 模拟服务器获取数据
 */

var _products = [
  {"id": 1, "title": "iPad 4 Mini", "price": 500.01, "inventory": 2},
  {"id": 2, "title": "H&M T-Shirt White", "price": 10.99, "inventory": 10},
  {"id": 3, "title": "Charli XCX - Sucker CD", "price": 19.99, "inventory": 5}
]

export default {
    //模拟获取
    getProducts:function(callback){
        //这里的callback是什么意思?
        setTimeout(callback(_products), 300)
    },

}

关注 7 回答 6

baitercel 关注了用户 · 2018-08-29

橘南枳北 @shenlan

这个家伙很懒 什么也没有留下...

关注 98

baitercel 赞了回答 · 2018-08-29

解决vue webpack模板构建的项目 里如何调用 属性?

更新:我好像知道楼主的问题在哪了。
一方面楼主想手动去vm.data的方式体验vue。 另一方面,却又使用了webpack工具。

1.你如果想去vm.data 观察数据变化,

那你恐怕就得采用楼上的方法,不要用webpack构建工具
直接let vm = new Vue(...);

2.我就是想用webpack,怎么解决?

那就不要用vm.data这样的方法了,
直接在mounted方法里执行this.data.name = "老王"

3.你仔细看菜鸟教程里的,他也是

 let vm = new Vue(...);

4.总结
如果是刚开始接触想体验vue, 那就直接html页面上引入vue.js, 按照菜鸟教程/vue官网的教程

对照着敲(因为这些教程都是这种方式来的,比较容易上手)。觉得差不多再结合webpack脚手架,看一些实战DEMO

关注 4 回答 3

baitercel 回答了问题 · 2018-08-29

vue directive如何通过export default 这种形式调用?

export default {
directives: {

// 注册一个局部的自定义指令 v-focus
focus: {
  // 指令的定义
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
}
}}

关注 2 回答 2

baitercel 提出了问题 · 2018-08-29

vue directive如何通过export default 这种形式调用?

我在网上搜的例子都是用以下方式调用。我想知道如何用webpack 模板里的 export default 这种方式调用?

Vue.directive('focus', {
  // 当绑定元素插入到 DOM 中。
  inserted: function (el) {
    // 聚焦元素
    el.focus()
  }
})

关注 2 回答 2

baitercel 提出了问题 · 2018-08-28

解决vue webpack模板构建的项目 里如何调用 属性?

后端码农,前端学习中,问题很简单,别喷我。
我的代码:

export default {
  name: 'hello',
  data () {
    return {
      msg: 'welcome',
      object:{
         name: 'Runoob' ,
         url: 'Google' ,
         slogan: 'Taobao' 
      }
    }
  },
  methods:{
    doSomething: function(){
      this.msg = 'welcome BeiJing'
    }
  },
  computed:{
    reversedMessage:function(){
        return this.msg.split('').reverse().join('');
    },
    site: {
      // getter
      get: function () {
        return this.name + ' ' + this.url
      },
      // setter
      set: function (newValue) {
        var names = newValue.split(' ')
        this.name = names[0]
        this.url = names[names.length - 1]
      }
    }
  }



};



// 调用 setter, vm.name 和 vm.url 也会被对应更新
vm.site = '菜鸟教程 https://www.runoob.com';
document.write('name: ' + vm.name);
document.write('<br>');
document.write('url: ' + vm.url);

我的报错:

HelloWorld.vue?18db:72 Uncaught ReferenceError: vm is not defined
    at eval (HelloWorld.vue?18db:72)
    at Object../node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/HelloWorld.vue (app.js:758)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)
    at eval (HelloWorld.vue?9042:1)
    at Object../src/components/HelloWorld.vue (app.js:1039)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)
    at eval (selector.js?type=script&index=0!./src/App.vue:1)
    at Object../node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue (app.js:750)
(anonymous) @ HelloWorld.vue?18db:72
./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/HelloWorld.vue @ app.js:758
__webpack_require__ @ app.js:679
fn @ app.js:89
(anonymous) @ HelloWorld.vue?9042:1
./src/components/HelloWorld.vue @ app.js:1039
__webpack_require__ @ app.js:679
fn @ app.js:89
(anonymous) @ selector.js?type=script&index=0!./src/App.vue:1
./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue @ app.js:750
__webpack_require__ @ app.js:679
fn @ app.js:89
(anonymous) @ App.vue?a8e9:1
./src/App.vue @ app.js:1024
__webpack_require__ @ app.js:679
fn @ app.js:89
(anonymous) @ main.js?1c90:1
./src/main.js @ app.js:1047
__webpack_require__ @ app.js:679
fn @ app.js:89
0 @ app.js:1064
__webpack_require__ @ app.js:679
(anonymous) @ app.js:725
(anonymous) @ app.js:728
vue.esm.js?efeb:8566 You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html
sockjs.js?3600:1605 XHR finished loading: GET "http://localhost:8080/sockjs-node/info?t=1535449391140".

关注 4 回答 3

baitercel 赞了回答 · 2018-08-28

解决前端大牛们,在开发vue过程中,如何看待 空格报错,并如何解决?

空格报错具体指的是?

关注 4 回答 3

baitercel 提出了问题 · 2018-08-28

解决前端大牛们,在开发vue过程中,如何看待 空格报错,并如何解决?

前端大牛们,在开发vue过程中,如何看待 空格报错,并如何解决?

关注 4 回答 3

认证与成就

  • 获得 15 次点赞
  • 获得 56 枚徽章 获得 2 枚金徽章, 获得 19 枚银徽章, 获得 35 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2014-09-04
个人主页被 763 人浏览