weixin_42734024的博客

//组件实例化之前执行的方法 beforeCreate //组件实例化完毕，页面未显示 created //组件挂载前，虚拟DOM完成配置，页面未显示 beforeMount //组件挂载后，页面显示 mounted //组件更新前。虚拟DOM完成配置，页面未显示 beforeUpdate //组件更新，页面显示 updated //组件销毁前， beforeDestro...

总结：通过点击事件将输入的待办事项，简单的push、splice数组，来进行事项的添加与移除。 展望：增加一个时间选项，将时间-事项同时展示出来，并争取使用vueresource进行数据交互。 <template> <div id="app"> <h1>ToDoList</h1> <input type="text...

总结：添加遗漏的footer并将其置于页面底部，添加todolist的完成按钮并绑定事件 1.main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an ali...

总结：提交事项后清空输入框，将页面分为代办事项与完成事项。 注：root element不能使用v-for，因为这样会生成更多的元素，vue无法渲染。解决：可以在根元素下添加子元素执行v-for，或者使用【Vue-Fragment】库， <fragment> // fragment是一个虚拟标签。 v-for内容，放在<fragment>内部。 ...

props、$ref、$emit用法 1.props接受父组件传值，仅仅接收。 （1）静态传递 子组件通过props选项来声明一个自定义的属性，然后父组件就可以在嵌套标签的时候，通过这个属性往子组件传递数据了。 <!-- 父组件 --> <template> <div> <h1>我是父组件！</h1> <...

总结：增加对时间下拉框、input输入框的空值判断， 展望：添加list的overflow-x的判断，添加横向的滚动条，学习数据库的调用。 1.main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpa...

一. package.json "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0" 二. /config/index.js host: '0.0.0.0',